Articles by CSS Tricks from November 2012

Say that for any reason, a new module of content needs to appear on a page. By simply appending that new module into the DOM it will instantly appear. That might be enough of an "entrance" - or it mig...

There are many like it, but this one by Malte Wassermann is a really good one. It goes the extra mile, for example, by injecting the correct meta tags, sending the right user agent, and refreshing the...

A wrapup of some recent discussion in the community about the use of classes, descendant selectors, whether using IDs is bad or not, how that relates to OOCSS, and all that jazz. “Bad Code”...

This week Dave and I were joined by Jeffrey Zeldman for another #CROSSOVER show! (Jeffrey hosts The Big Web Show). We talk about dogmatism in code, web design in isolation, and how A List Apart was ma...

In which Matt Holt discusses how jQuery plugins can be more adaptable to their environment. He showcases his liveAddress plugin that works with Smarty Streets to do proper address validation as an exa...

We will ask a group of clever women out for coffees to pick their brains and share our conversations. We're not endorsing the obvious; we want to get under the surface of what it's like to be a woman ...

In which explanations of recent phenomena are laid to bear and the veil of unknown unknowns lifts magnificently. CSS-Tricks Chronicle VIII is a post from CSS-Tricks...

This week Dave and I were joined by the fellas from the Bizcraft show, Gene Crawford and Carl Smith. #CROSSOVER. We talk about working remotely, client overages, local vs. international SEO, learning ...

Tim Pietrusky shares a number of different techniques for handling menus on smaller screens when the large screen version, unaltered, is untenable on the small screen.Responsive Menu Concepts is a pos...

Daniel Herken introduces and explains the Webshims Lib. What it is, and how to use it.How to Use the Webshims Polyfill is a post from CSS-Tricks...

Sadly we had some issues recording with Matthew Smith again (our fault). So Dave and I regrouped and did another RAPIDFIRE to catch up. We talk about @extend, image replacement and Google, organizing ...

On a whim the other day I thought I'd build out an idea for navigation I had. It's nothing but a visual effect in which the hovered (or active) navigation item becomes the tallest "stair" and other i...

From the Twitter Bootstrap clan:Prototype iPhone apps with simple HTML, CSS and JS components.I wonder if they can make a business out projects like these.Direct Link to Article — Permalink̷...

I've long sized text only in px. Even when it was patently uncool to do so - the days in which smart people cared about the fact that text set in px couldn't be resized in IE 6-8. I've switched over t...

"Off Canvas" patterns are different ways to approach layout where content on the web isn't just laid out in a vertical column. For instance, navigation could be positioned hidden off the left edge of ...

If you've ever thought "Meh, what is <picture> actually going to help with?" - here is a page of demos for you to see.Direct Link to Article — Permalink…<picture> Demos is a pos...

Play with the new syntax for flexbox with this one-page app by Bennett Feely.Direct Link to Article — Permalink…Flexplorer is a post from CSS-Tricks...

A video from JSConf EU 2012 in which Angelina Fabbro teaches us about the brand new shadow DOM, which is shipping now in Chrome Canary under a flag. Essentially, shadow DOM is a way for us to build mo...

Fabrice Weinberg explains how to combine CSS3 gradients, multiple backgrounds, and animations to create the Facebook loading animation with a single HTML element. Fancy stuff, folks!The Facebook Loadi...

New poll up in the sidebar. The question is about version control and asking you to pick the situation that best describes you. I just think it would be interesting to get a sense of what CSS-Tricks r...

Last week I was in Salt Lake City to do a workshop for Deseret Digital. Like my last workshop, we used the time to literally build a website from scratch. I think this live coding style is a decent wa...

We started this series to get a look at the financial ins and outs of a web developer these days. Now we can wrap it all up by looking at the numbers all together. We looked at:Monthly Service CostsOn...

There has always been big differences across how different browsers handle form styling. There probably always will be - because UI design choices aren't described in the specs. Browser makers perhaps...

The next generation of Zen Coding. Essentially it gives you shortcuts you can type that expand into full HTML or CSS. Like nava*8 will expand into a tag with eight links inside it with empty hrefs. Or...

T-Shirts and Hoodies, now available anytime. Imagine one of these babies wrapped up with a bow on it under a tree. RIGHT?Direct Link to Article — Permalink…CSS-Tricks Store Now Open! is a ...