Lea Verou – Pure CSS3 typing animation with steps()
steps() is a relatively new addition to the CSS3 animations module. Instead of interpolating the values smoothly, it allows us to define the number of “frames” precisely. So I used it to create headers...
View ArticleFrankie Roberto – Responsive Text
Some websites now contain ‘responsive images’. These scale (or crop) depending upon your screen’s viewing area, so the image sizes remain appropriate whether you’re looking at the website on a mobile...
View ArticleLine Clampin’ | CSS-Tricks
You want X lines of text. Anything after that, gracefully cut off. That’s “line clamping” and it is a perfectly legit desire. When you can count on text being a certain number of lines, you can create...
View Article10 Years
So for the tenth anniversary, the Zen Garden is open for business once more. I’ve thrown the codebase on Github, given the dusty copy a refresh, started the conversion of the site to HTML5, and brought...
View ArticleMobile Boilerplate
Mobile Boilerplate is your trusted template made custom for creating rich and performant mobile web apps. You get cross-browser consistency among A-grade smartphones, and fallback support for legacy...
View ArticleGoogle Web Fonts – Streamline your web font requests. Introducing “text=”
Google will optimize the web font served based on the contents of this parameter. For example, if you only require a few letters for a logo, such as “MyText”, Google will return a font file that is...
View ArticleSnook.ca – Font sizing with rem
And voila, we now have consistent and predictable sizing in all browsers, and resizable text in the current versions of all major browsers. via Snook.ca – Font sizing with rem. Seriously nice.
View ArticleCSS-Tricks – IE 8 Thinks All Table Cells Have a Colspan
Nathan Smith let me know about this little gem. IE 8 (only) thinks that all table cells have a colspan attribute, whether they do or not. So if you are looking to style table cells uniquely that have...
View ArticleThe Watchmaker Project – How to fix the broken iPad form label click issue
Mobile Safari, the browser found on iPhones, iPod Touches and the iPad, does not (currently) implement the same label behaviour as other browsers. Clicking on labels doesn’t do anything—possibly, as...
View ArticleCSS-Tricks – Functional CSS Tabs Revisited
The idea of "CSS Tabs" has been around for a long time. If you Google it, a lot of what you get is styled CSS tabs, but less stuff on the building an actually functional tabbed area. At least,...
View Article