This Week in CSS—December 9, 2013
Here are some nice links that we've gathered for you this week:
The Ultimate Flexbox Cheatsheet is a very handy overview—with examples—of how Flexbox works, so it's worth looking through and bookmarking.
This Codrops article on creating textured text is handy and has an inspiring demo.
MCSS is yet another way to organize your CSS.
Imitating calc() Fallback or Fixed-Width Sidebar In Responsive Layout.
Bring a touch of progressive enhancement to your use of CSS3 by cutting down on vendor prefixes. Do you agree with this approach? (It certainly echoes how I've been feeling of late.)
Here's a nice, short tip for using unicode to create your CSS glyphs.
Chris Coyier presents some methods for creating Multi-Line Padded Text. (@Paul O'B has posted at least one nice solution to this in the past, but I couldn't find it. It would be interesting to compare it, though, or add it to the list!)
If you have (or haven't) been following the various proposed solutions to responsive images, here's a handy An introduction to srcset, which is one of the options.
Dudley Storey presents a rather nice article on creating angled navigation in pure CSS.
Here's an interesting article on Creating shapes in CSS. (It's written in German, so if your tongue doesn't wag in that vein, you can either use Google translate in Chrome or just read the CSS, as it's pretty self explanatory.)
Have a butcher's hook at the cool things you can do with text shadow in Moonlighting with CSS text-shadow.
Lea Verou presents another 10 things you may not know about CSS
A CSS-only Clock.
A CSS Rabbit. (Because you can, I guess.)
Hoverlogo (best in firefox :x ... well, it is experimental).
Linked to above, but why not again ... as it's so cool: Animated opening type.
Colorpeek: A Simple Way to See and Share CSS Colors
SpriteCow, another Sprite Generator .
185+ Very Useful and Categorized CSS Tools, Tutorials, Cheat Sheets is a handy resource that's worth checking out.
Here is a list of 10 CSS gradient generators that you may find handy.
A bit of cheek
And once again, some lighthearted tips for the week, courtesy of @H9RBSjs ...
Did you know that you can draw a picture using only CSS3 shadows? This according to the latest issue of What's Useless in Web Development.
Important reminder: If you run a web design business out of a rat-infested apartment, you're not allowed to refer to it as a "studio".
Take a look at any or all of the links above and tell us what you think! And feel free to PM me if you have an great links for the next issue. :)
You can also view a list of previous posts here.