CSS-Tricks*

A Web Design Community curated by Chris Coyier

Latest Articles

Quick Thoughts on Sharing Buttons

3/3/2011
95 Comments

Randomly this week, I’ve had more-than-normal number of comments from folks who ask me something like:

Went to go tweet/share a blog post of yours, and noticed you don’t have any of those on your site. Interesting, any reason why?

I do have some thoughts on that…

Read on! →

Show and Edit Style Element

3/2/2011
49 Comments

Kind of a classic little trick for ya’ll today. You know the <style></style> blocks you can put in the <head></head> of your HTML to do styling? You don’t actually have to put those in your head, they can be anywhere on the page. It’s not valid (or good practice) but it works.

Read on! →

Sans-Serif

2/28/2011
52 Comments

Declaring just ‘sans-serif’ as the font-family means you’ll get Helvetica on Mac, Arial on PC, and still have the good generic keyword fallback.

Read on! →

Stacking Order of Multiple Backgrounds

2/25/2011
31 Comments

Multiple background images is a cool feature of CSS3. The syntax is easy, you just comma separate them. I find it’s easiest/best to use the background shorthand property so you can declare the position and repeating and whatnot and keep them all grouped together. What isn’t obvious while looking at the syntax is which image is on top in the vertical stacking order when those images overlap. The spec is clear in this regard and browser implimentations follow. The…

Read on! →

Latest Screencast

#94: Intro to Pseudo Elements

Pseudo elements are visible elements on a web page that aren't "in the DOM" or created from HTML, but are instead inserted directly from CSS. This allows you to do lots of neat design-y things without cluttering the markup. Pseudo elements are CSS 2, so browser support for them is pretty good!

Links from Video:

Latest Snippets