New Poll: In The Next 10 Years, Will We See CSS Competitor? Read on! →

Feb 2 2012
63

What do you think folks? Is a new language going to come along in the next ten years that deals with layout / style / design and unseat CSS? Or at least give it a run for its money?

You should vote not based on if there will be any attempt at it, which there certainly will be and already has. But instead if you think one of those attempts will actually make it into native support by a browser …

Star Ratings With Very Little CSS Read on! →

Feb 1 2012
36

Star ratings are one of those classic UX patterns that everyone has tinkered with at one time or another. I had an idea get the UX part of it done with very little code and no JavaScript.…

Poll Results: Internet Connection Speed Read on! →

Jan 31 2012
29

In this latest poll, I asked people to test their own internet connection speed then vote in the poll based on their result. The speed choices ranged from (what I would consider) blazingly fast, to mediocre, to nearly unusably slow. I would have guessed a bell curve, with most people having mediocre speeds and just a few on the edges of extreme fast/slow. We didn’t get that at all. …

Animate to an Inline Style Read on! →

Jan 26 2012
34

You already know that inline styles are “bad practice.” Inline styles aren’t reusable like CSS in separate files is, and thus, inefficient bloat. Unless of course, when it isn’t. …

Custom Fonts in Emails Read on! →

Jan 25 2012
42

A reader writes in:

Would it be possible to draw an entire typeface in CSS to be sent in emails? Our company needs to send out emails to about 20k people to introduce a new brand that we are launching. The emails will be in HTML/CSS. My CEO is very specific about the type of aesthetic he wants to achieve, and this includes using a typeface that is not native to either Mac or Windows computers. We do not want …

On to more articles! →

Latest Snippets

Latest Screencast

#108: Using Chartwell

Chartwell is a font specifically for making simple and beautiful pie charts, bar charts, and line graphs. It's as simple as writing out simple equations like 40+20+25+15. In desktop software like Adobe Illustrator, you control the graph by writing out the formula in that font then turning on ligatures. On the web, the formula is in text and you apply the font via @font-face and a JavaScript polyfill for ligature support. Browser support goes back even to IE 6.

Links from video: