Latest Article

Poll Results: Punctuation Inside or Out?

Posted on: 3/11/2010   By: Chris Coyier 7 Comments

Quite a lot of people weighed in on this poll that went out in January. The question was:

Should tags like em and strong go <em>(outside)</em> punctuation characters, or (<strong>inside them</strong>)?

Like many polls around here, the question was interesting and stirred up some great conversation, but the question itself was probably flawed. There were only two choices: outside and inside, referring to placement of the HTML tags. So if “outside”, in the example in the question above, the parentheses would be italicized by the <em> tags. If “inside”, in the same example above, the parentheses would be regular text and the text inside them would be bolded by the <strong> tags.

What I was expecting was someone to chime in with the “absolute official rules on the right way to do it according to the typographic gods of the land.” That didn’t really happen. Instead the general consensus was “it depends.”

As for the poll results, at the time of this writing, 6,261 people have voted and the results are 55% in favor of “inside”:

Read Article / Comment »

CSS Off Update

I was telling everyone to check back Wednesday for CSS Off results. Well… #facepalm. Huge apologies, we still aren’t quite ready. As it turns out judging 136 entries is quite a huge task. The important bit: come hell or high water, results will be posted Monday. You’ll be able to browse all the entries and [...]

Read Article / Comment »
13

Rabble Rabble Rabble!

CSS3 is a big mess! 4+ rules for making a corner round or adding a drop shadow! Preposterous! Where are the standards?!
I’ve been hearing a ton of that. There is something of a point here. We all like standards, no question they are a good thing for the industry. Seeing a bunch of messy/repeated code [...]

Read Article / Comment »
31

Updates / Links

If you were interested in that CSS Tabs stuff from yesterday, check out the new demo. I got a little obsessed with it and tried out a bunch more things. Still nothing I’d call a 100% perfect replacement to using JavaScript for tabs, but getting a lot cleaner and closer.
I’m sure most of you read [...]

Read Article / Comment »
0

CSS3-Only Tabbed Area

When you think of “tabs”, your mind might go right to JavaScript. Watch for a click on a tab, hide all the panels, show the one corresponding to tab just clicked on. All major JavaScript libraries tackle tabs in some way. But there is a way to accomplish this same idea with “pure CSS”. Just [...]

Read Article / Comment »
45
Latest Snippets
Latest Screencast

#82: CSS Image Switcher

Roll over a link, watch the image above change. That’s what we build in this screencast, only we don’t use any JavaScript to do it. The trick is some simple z-index switching on hover and a bit of absolute positioning.

Links from Video: