Articles by CSS Tricks from October 2011

When it comes to centering things in web design, the more information you have about the element being centered and its parent element, the easier it is. So what if you don't know anything? It's still...

There is just too many awesome Lorem Ipsum (placeholder) text generators going around lately not to round them up. Cupcake IpsumDrage souffl sweet roll gummi bears. Tiramisu chocolate macaroon jelly c...

Paul probably doesn't need an introduction around here. He's this smart successful front end developer dude who's work fuels our inner critic. So instead of a lengthy intro, I'm just going to drop a b...

Last week I proposed a little design challenge: design a small part of an interface which allowed a user to rate three candy bars in order of how much they liked them. Quite a few folks took a stab at...

Impressed by the CSS animations on the Apple 4S sales page? I am. John B. Hall makes it clear by showing a miniaturized version where we can see all the off-screen elements.Direct Link to Article R...

The content of HTML5 for Web Designers, the first A Book Apart book by Jeremy Keith, is online. Under the hood, the title bar at the top of the page is actually the <title> element, unhidden a...

There is an awful lot we don't know about a user visiting our website. For example, almost everything. And we know less and less every day as the web gets bigger and its users more diverse. Let's acco...

I'm really lazy about using <abbr> tags for acronyms. Most people who read a techy blog like this probably understand them, but surely there are some visitors who don't where a simple tooltip ...

Last time we did a group design project, we did a list with functions and we got lots of interesting ideas. Then the other day I linked to a video of Ryan Singer, a tiny part of which inspired the id...

A bunch of crazy awesome affects you can apply via CSS through the filter property: blur, drop-shadow, gamma, grayscale, hue-rotate, invert, opacity, saturate, sepia, and sharpen. Adobe has been doing...

It's a new language the runs in the browser and servers. A lot of it is over my head, but I always celebrate new thinking especially when it has a bunch of smart people behind it. The obvious point is...

What do you think is reasonable page size to try and stay under for a modern web design?New Poll: Ideal Page Weight is a post from CSS-Tricks...

Let's say you've designed a web page and it makes use of a full page background image. You really like the way the site looks with this background image. It looks amazing. But the image is 350k. You'v...

THE PEOPLE HAVE SPOKEN. The pipe character "|" is by far the most popular page title separator with 47% of the vote and being up against 15 other choices. Example:Article | Category | ...

SublimeVideo is a nice HTML5 video polyfill service, but it hasn't allow for fluid width video. Until now.Making SublimeVideo Fluid Width is a post from CSS-Tricks...

I'm just back from London where I spoke at the Future of Web Apps. My talk was titled, rather generically, Writing Better HTML & CSS. Slides pale in comparison to real talks, but I still like pos...

If there's one thing I love most about what I do it's building out the challenges that a designer throws my way. There's almost always a way to reproduce a design in code, and I love figuring out how ...

Animations are inherently visual. But can we give a similar experience to everyone by getting a bit more semantic?Semantic Animation is a post from CSS-Tricks...