Issue #117

July 1, 2014

What Every Frontend Developer Should Know About Webpage Rendering

Alexander Skutin

Alexander Skutin explains how page rendering works and offers some common principles for performance optimization.

Dynamically Colorize Videos with CSS

Anselm Hannemann

Anselm Hannemann shows how to dynamically colorize your videos with CSS. Unfortunately, this interesting effect has quite devastating impact on performance.

From Our Sponsor

Smashing Bundle! Usability and UX for Web Design - only $19!

Learning the patterns and techniques that appeal to users and enhance their experience can make a huge difference in the success of your site. With this Usability and UX for Web Design bundle of eBooks from Smashing Magazine, you’ll be fully armed to best tailor your website for users.

Advertise in CSS Weekly

Articles & Tutorials

Designing Characters with Box Shadow

Jordan Wade

Jordan Wade shows how to create animated 8-bit characters with box-shadow. Note how author uses em units to be able to easily adjust the size of the characters.

Giving Animations Life

Joel Besada

In this article Joel Besada shows how you can use Bounce.js, and some concepts from classical animation, to bring life to user interfaces.

All You Ever Need to Know About Sass Interpolation

Kitty Giraudel

Kitty Giraudel sheds some light—actually, quite a lot of light—on Interpolation in Sass.

Responsive Full Background Image Using CSS

Jacob Gube

In this tutorial Jacob Gube goes over the simplest technique for making a background image fully stretch out to cover the entire browser viewport.

Vim for people who think things like Vim are weird and hard

Harry Roberts

In this article Harry Roberts explains why you should use Vim. I’ve started using it myself a couple of months ago (vim mode in Sublime Text, to be precise), and I can assure you that it will most definitely transform the way you work.