Archive for August, 2011

Fold Out Popups

Fold Out Popups

The trick with using hidden checkboxes/radio buttons, the :checked pseudo class selector, and adjacent sibling (~) combinators really enables some neat functional possibility with pure CSS 1 . If you need a primer, we recently used this to build...

#

Author:

Category: Wordpress

Pop From Top Notification

Pop From Top Notification

Have you seen that design pattern where a notification pops down from the top of the browser window, then slides away? We can rock that in pure CSS. ...

#

Author:

Category: Wordpress

Functional CSS Tabs Revisited

Functional CSS Tabs Revisited

TL;DR Backstory The idea of "CSS Tabs" has been around for a long time. If you Google it, a lot of what you get is styled CSS tabs, but less stuff on the building of an actually functional tabbed...

#

Author:

Category: Wordpress

Brushed Metal with CSS Gradients

Brushed Metal with CSS Gradients

By the inimitable samurai. ...

#

Author:

Category: Wordpress

A Really Nice Way To Handle Popup Information

A Really Nice Way To Handle Popup Information

Doug Neiner gave a fantastic talk at this year's Front End Design Conference . He covered a lot of stuff there, which you can see in his slides , but I'd like to highlight one thing in particular: the...

#

Author:

Category: Wordpress

Skin your Chrome Inspector

Skin your Chrome Inspector

Darcy Clarke on how you can give the Web Inspector in Chrome a facelift (with example stylesheet). Direct Link to Article — Permalink Advertise here with BSA Skin your Chrome Inspector is a post from CSS-Tricks ...

#

Author:

Category: Wordpress

Persistent Headers

Persistent Headers

This is some code to get the header of some content area to stay visible at the top of the screen as you scroll through that content. ...

#

Author:

Category: Wordpress

Design v9

Design v9

Rolled out a new design folks! A lot of folks were surprised it happened so soon after the last one, but actually it's been about 8 months , which is pretty average for this site, if a little slow....

#

Author:

Category: Wordpress

The details and summary elements

The details and summary elements

Tom Leadbetter from HTML5 doctor shows us all about the summary and details element. I think this will be a particularly useful pair of elements, especially as browser support grows, with its baked in hide/show functionality...

#

Author:

Category: Wordpress

Making Video Fluid Width

Making Video Fluid Width

Me: In a world of responsive and fluid layouts on the web one media type stands in the way of perfect harmony: video. I wrote an article for Net Magazine where I tackle making video (from any source) work...

#

Author:

Category: Wordpress