Articles by CSS Tricks from September 2011

Listen to the engineers behind Amazon's new "Silk" web browser talk about how it uses the cloud to take the load off mobile devices.Sounds like it does all the asset-requesting for you from the cloud,...

Jonathan Snook has released an "evolving guide to CSS architecture for sites small and large." My favorite is the "Depth of Applicability" section:Each rule set that we add to our style sheet creates ...

Linking to specific tabs is often done with hash links. I think doing it with a URL parameter can accomplish the same goal without some of the problems that hash links can cause.Better Linkable Tabs i...

Jane Wells of Automattic lays out four reasons why someone may not use forums for a question they have. Then she disputes all four of them while sharing an example of where a forum post get a lot more...

Michael Mullany:...the IE10 HTML5 experience is one of the best weve seen on any platform to date.I've heard from a number of folks that IE 10 will be the most advanced browser to date (support the mo...

I'll have a little string of events I'll be giving talks at.September 24, 2011 - BarCamp TampaOctober 1, 2011 - BarCamp MilwaukeeOctober 3-5, 2011 - Future of Web Apps (London)October 22, 2011 - BarCa...

Let's say you were tasked with creating a UI in which users can rate three candy bars from their most to least favorite. A grid of radio buttons isn't a terrible way to go about this.A (small) grid of...

Just for silly kicks, let's keep on with the page title polls, this time with perhaps the most trivial of all choices. The poll is embedded on the site in the sidebar. Let everyone know what your favo...

This was an interesting poll because there is no clear consensus on "the best way" for sites to handle page titles. To keep things more focused, I put forth a very specific page: a blog article in a s...

High quality video training marketplace PeepCode has a series of screencasts called Play by Play where they record masters of their trade doing their thing.In this one, we get to watch a user experien...

I opened up the same 6 tabs in current versions of all the desktop browsers, then took screenshots of the UI of just the tabs themselves. These are from a Mac running OS X Lion. Firefox 6 Chrome 15 O...

In the last year or so, there's been enough sites that do fancy things when you scroll down that it's kind of a trend. I thought I'd blog it, you know, for the sake of history.By "fancy things" I mean...

I've given this one a few times now, and luckily a few of them were recorded. Front End Design ConferenceIn St. Petersburg, Florida - July 2011. WordCamp San FranciscoIn San Fransisco, California - Au...

I've given this one a few times now, and luckily a few of them were recorded. Front End Design ConferenceIn St. Petersburg, Florida - July 2011. WordCamp San FranciscoIn San Francisco, California - Au...

I was asked by artist Zoran Pekovi if the effect on the homepage on their site, which is currently done with Flash, could be done with HTML, CSS, and JavaScript.I thought it seemed like a fun challeng...

The PSD for the CSSOff is going to drop on October 20, 2011. You'll have exactly 2 weeks (until November 3) to code up and submit your final conversion. Follow the title link to the official page wher...

I know what you were just thinking. You were thinking, man, I love CSS-Tricks so much but nothing in my wardrobe helps me publicly display that. Right Fret not. Now you can get your hands on one of t...

Super lightweight jQuery plugin to make all videos fluid width, while maintaining their original aspect ratio. Explanation, video, and discussion on Dave's site.Direct Link to Article — Permalin...

When I first learned that browsers read CSS selectors from right to left it felt kinda weird and confusing. Boris Zbarsky explains why it's done that way in a way that makes perfect sense. Part of the...

Lea Verou makes a "typing" animation with the CSS3 sub-property steps which allows you to specify how many keyframes an animation uses. Knowing the number of keyframes means you can know exactly that ...

A technique for a rounded tabs where the top corners are rounded, but also the bottom corners are rounded where they attach to the content area. "Round out" or "flared" borders, if you will.Tabs with ...

Project from Matt Wilcox for serving the right images to the right devices (i.e. small images to small browser windows, large images to large browser windows). Small browser windows, regardless of ban...

A rich HTML popup content area that works when you click a link/button (rather than hover like tooltips work). This uses a bunch of CSS3 and the functionality is also handled purely with CSS, although...