Articles by CSS Tricks from September 2013

The following is a guest post by Sara Soueidan. I know Sara through all her excellent work on CodePen. She was working on some custom HTML5 video controls and noticed that the customizations were lost...

Philip Walton looks at common CSS layout issues that were a pain in the butt before Flexbox.Direct Link to Article — Permalink…Solved by Flexbox is a post from CSS-Tricks...

Revisiting the first universally accessible web browserDirect Link to Article — Permalink…Line Mode Browser is a post from CSS-Tricks...

More cleverness by Nikita Vasilyev. The blue glow outline that surrounds focusable elements when they are in their :focus state "flies" (you have to see it) to the next focusable element. So when you ...

The following is a guest post by Ray Messina. Ray was interested in sharing this technique as a way to pay forward things he's learned from this site in the past, which is awesome. You might be aware ...

The following is a guest post by Ray Messina. Ray was interested in sharing this technique as a way to pay forward things he's learned from this site in the past, which is awesome. You might be aware ...

Fun visual demos by Jackie Balzer. I didn't know about a few, like transparentize. It seems to work the same as rgba, but I like the word transparentize better. I also didn't know Compass adds a few o...

And the most-used CSS property is... (guess before you click through). There are some funny ones at the bottom. Hopeful ones like kerning and not-enough-coffee ones like text-underline.Direct Link to ...

The <table> element in HTML is used for displaying tabular data. You can think of it as a way to describe and display data that would make sense in spreadsheet software. Essentially: columns a...

Webstock is posting talks from this year (as they have in past years) including mine.Direct Link to Article — Permalink…Webstock Talks is a post from CSS-Tricks...

The following is a guest post by Zach Saucier. Zach wrote to me telling me that, as a frequenter on coding forums like Stack Overflow, he sees the questions come up all the time about controlling CSS ...

Width based media queries are based on the entire browser window. If the browser window is narrower than 800px, do this. If the browser is window is wider than 400px, do this. But that's not always en...

Making server-side choices based on client-side information is a bit of a modern day holy grail. Client-Hints will hopefully someday make that easier, but we don't have that yet. I'm a fan of the cook...

Clever idea by Franois Zaninotto. Add to the searchable element a data-index attribute which contains all the text content of its children smooshed together. Then you can find matches using the [data-...

I recently spent a week at Hilton Head Health, a weight loss spa in South Carolina. Part of the experience was classroom learning about lots of different health related topics. While hearing all about...

An attempt to make reading on screens easier though applying color gradients to lines of text. For example, one line of text will fade to red and the next line will start with red, making it easier fo...

The following is a guest post by Ryan Burnette. As you'll read below, Ryan was working on a WordPress site that utilized a plugin that used the Instagram API to pull down photos. He was using it in a ...

I'll be speaking at a few events coming up:September 30 - October 2, An Event Apart, Austin, Texas (sold out)October 21 - 22, CSS Dev Conf, Estes Park, ColoradoDecember 9 - 11, An Event Apart, San Fra...

Every once in a while I'll hear people say something along the lines of "well that's for web sites, but it's not really relevant for web apps." That implies there is some kind of line that separates t...

The results are in! Nearly 5,000 voters weighed in on the last poll to decide if the off-screen "drawer" navigation style that has swept mobile design is appropriate for larger screen ("desktop") desi...