Below is the HTML structure of a navigation menu created by WordPress. This unordered list is pretty common for content management systems and hand-coded websites alike. This will be the basis for our work.

It's pretty amazing what you can do with the pseudo elements :before and :after. For every element on the page, you get two more free ones that you can do just about anything another HTML element could do. They unlock a whole lot of interesting design possibilities without negatively affecting the semantics of your markup. Here's a whole bunch of those amazing things. A roundup, if you will1.

If you’ve yet to get your hands dirty with media queries, now is your chance to create your first responsive website design. In this tutorial we’ll look at converting one of my previous WordPress theme designs into a responsive layout, while taking into consideration the design’s original grid structure.

Today we’re going to take Orman Clark’s Menu Notification Badges design and build it using HTML and CSS. We’ll look at a couple of ways to achieve the effect, including the use of HTML5 data attributes which you may be unfamiliar with. Let’s dive in!

CSS for a big site is different to CSS for a small, or even medium sized-site. The way CSS was intended, when you create a new piece of functionality for your website you simply write some new CSS to style it - easy.

A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)

RT @stuart_barr: Whoa – iPhone 4 in pure CSS3! via @Adamcollingburn

oh my, CSS3 you complete me

with CSS3 Transitions and Animations

Less Framework is a CSS grid system for designing adaptive web­sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid

css3 introduces root font sizing 'rem' - now questioning 5 years of using em via @whatterz @snookca #css

No surprise: @khoi doesn't see a big future in text columns on digital devices either:

RT @meyerweb: Made something fun with @aarongustafson. Enjoy: #css3 #matrix #transforms

@thetalldesigner it was Ethan Marcotte or @beep

CSS3 transform UI

In this article, the focus is on what’s coming: styling techniques you’ll use in the immediate and near-term future. From styling HTML 5 elements to rearranging layout based on display parameters to crazy selection patterns to transforming element layout, these are all techniques that you may use tomorrow, next month, or next year. With partial browser support, they’re all on the cutting edge of Web design.

Although CSS3 isn’t yet finalized, browsers have already implemented significant parts of it. We used some CSS3 features in our holiday card to enrich the experience for newer browsers; older browsers will ignore these CSS3 properties and degrade gracefully. (Many of these CSS3 properties need to be used in conjunction with vendor prefixes like -moz- and -webkit-, but in some of the examples below, we’ve omitted them for brevity.)