Issue #47

February 21, 2013

Dear friends,

this week, thanks to awesome guys of CSS Hat we’re having first ever giveaway. To find out exactly what you can win and how to win, look in the Tools section.

And if you’d like to run a giveaway in CSS Weekly, please get in touch.

Headlines

Building Twitter Bootstrap

Mark Otto

Mark Otto sheds some light on how and why Bootstrap was made, the processes used to create it, and how it has grown as a design system.

Improving CSS text decorations

dschulze

The possibilities to style, decorate and lay out text in CSS are improving every day, but for more advanced styling you’ll still have to resort to SVG. Luckily, this is easier than you might think.

Using Flexbox: Mixing Old and New for the Best Browser Support

Chris Coyier

Chris Coyier explains in detail how to weave together the old and new flexbox syntax to get the best browser support.

Animated CSS effects with fallbacks

Chris Mills

Times when JavaScript was the only option we had for web animations are long gone; nowadays all animations can be created with (almost) pure CSS, while JavaScript animations should be used mainly as a fallback.

Icon Fonts in Use with a Fancy Hover Effect

Paulina Hetman

Paulina Hetman shows how to quickly and easily create a custom Icon Font using a IcoMoon App service.

Tips & Tricks In CSS 3D

Dudley Storey

A couple of very useful CSS 3D tricks that will most likely save you some headache.

CSS Hat

CSS Hat is a Photoshop plugin that instantly turns Photoshop layers into CSS rules. It will tremendously improve your workflow and speed up your development. I see this becoming my favorite Photoshop plugin and I’m sure it’ll become your favorite plugin too.

We’re giving away two CSS Hat licenses. All you have to do is answer the following question: “What do you like about CSS Hat?” Make sure you tweet your answer with .@CSSHat and hashtag #CSSWeekly. Licenses will be given to two of you with best tweets. Winners will be announced in next week’s newsletter.

HINT.css

Kushagra Gour

This library will help you create simple tooltips. It does not rely on any JavaScript and rather uses data-* attribute, pseudo elements, content property and CSS3 transitions to create the tooltips. You’ll surely find it useful.