SVG Icons FTW

by

Despite the growing popularity of SVG, its time around and excellent browser support, we have a lack of good vector icon approaches. It’s time to fill this gap and use SVG as icons in our web projects.

+ more

Animated Opening Type

by

A tutorial on how to create an interesting animated 3D opening type effect with pseudo-elements, CSS transforms and transitions. The idea is based on Edenspiekermann’s Open Type project and it’s a very creative way to display and play with letters.

+ more

Elastic Stack: Elastic Dragging Interaction

by

ElastiStack is a little script that let’s you navigate through a stack of items by dragging away the first one. It comes with an elastic touch meaning that when dragging the top-most item, the other ones will follow as if they were connected elastically. When reaching a certain distance, the dragged item will release itself and the next item will pop out.

+ more

CSS Overlay Techniques

by

There are several techniques for creating overlays: from using an absolutely positioned element to outlines and pseudo-elements. In this article we are going to explore each technique’s styles with their pros and cons.

+ more