Revised Font Stack
A Way Back takes a fresh look at default font stack, first citing statistics about pre-installed fonts, then making recommendations for popular sites like Yahoo and Facebook.
Uniform
A jQuery plugin to style checkboxes, drop-down menus, radio buttons and file upload inputs the same across all browsers. Includes default themes by Josh Pyles and Made by Sofa, plus tools to build your own. (via Tim Van Damme)
PrimerCSS
A webapp that “undercoats” your CSS by placing classes and IDs from your HTML into a starter stylesheet. (via Joshua Brewer)
If a font file fails to return, the page is blocked in IE, the text isn’t displayed in Chrome, and the browser’s busy indicators never stop in IE, Firefox, and Chrome.
— Sobering advice from Steve Souders regarding the use of @font-face custom font declarations in websites, particularly in relation to possible outages if your files are hosted by a third-party service. (via Jeffrey Zeldman)
There’s not a drop of Flash on this [page], from the rotating banners to the music preview player. Everything is straight HTML5, CSS3.
— Judson Collier dissects the markup loaded by iTunes, which uses an embedded Webkit browser to render its entire Music Store, right down to the animated audio players. While the approach isn’t new, many of the CSS tricks are. (via Todd Dominey)
IE6 lives on.
Box model—and heart—broken.position: fetal;
— Mat Marquis’s winning haiku in Dan Cederholm’s recent contest.
Ellipsis Truncation in CSS
Mint’s Justin Maxwell describes a cross-browser solution for trimming long strings using pure CSS (and a Firefox binding). How did I not know about this? Already implemented in one project today.
jQuery Masonry
Useful plugin by David DeSandro:
Think of Masonry as the flip side of CSS floats. Where as floats arrange elements horizontally then vertically, Masonry arranges them vertically then horizontally. The result leaves no vertical gaps between elements of varying height, just like a mason fitting stones in a wall.
Nice rollover effects on his site, too.
HasCanvas
A collection of experiments by designers and developers using HTML5’s Canvas element. (via CSS Beauty)
