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.
Vasilis van Gemert is the Principal Front-end Developer at Mirabeau in The Netherlands and a board member of Fronteers. His aim is to close the gap between design and (front-end) development. He believes the excess of knowledge he has can be better used by others, by more creative and smarter people. You can follow him on Twitter.
Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and
rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!