The Smashing Daily is filled with good stuff today: masking text, a confusing Rubik’s Cube, CSS4 selectors, the T-shaped specialist, stacked image sprites, the Kember Identity, and much, much more. Enjoy!
Text masking — The standards way
Lea Verou shows us how to properly mask text: not by using some sort of obscure proprietary WebKit-only CSS, but by using SVG. This SVG technique works in all modern browsers.
In this document Nicolas Gallagher briefly explains why it is important that “all code […] should look like a single person typed it, no matter how many people contributed“. The rest of the document is a CSS code styleguide. Definitely a must-read if you work in teams (or if there is a chance that one day someone else might have to work with your code).
What’s slated for CSS4 Selectors?
I’m already happy with the immense power of CSS3 selectors. But when these CSS4 selectors David Storey explains get implemented, I’ll probably walk around with a silly smile forever. Powerful stuff!
HTML5 Rubik’s Cube
The rise of the T-shaped developer
Do you need more to read on a daily basis? Too many words on The Smashing Daily? HTML5 Bookmarks seems like a great feed to follow. Some good bookmarks in the aside as well.
Oops! I ruined your life. :)
A good in depth rant about funny error messages. I especially like the part where the author Golden Krishna compares how we react to certain behaviors if they are done by babies or done by adults.
Image sprites are great for reducing the amount of HTTP requests, but they can be pretty hard to use: you have to calculate the background-position offsets. Wouldn’t it be great if you could just stack the images? It turns out you can do that with SVG and the
:target selector. Simurai shows us how it works.
The Kember Identity
The Kember Identity is a string which, when hashed, returns itself. Elliott Kember tries to find it with the help of an ever-increasing list of nerds. You should get on that list—you can even win some money with it when you find it!
For previous Smashing Daily issues, check out the Smashing Daily Archive.
Hold on tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? For example, Smashing Book 5, packed with smart responsive design patterns and techniques.