Resources for Developers

Animated SVG icons

Using SVGs on websites is becoming more and more easy. Here is another great Codrops tutorial for creating nice animations with SVG icons.

A tutorial on how to achieve Medium’s next page transition effect that can be seen by clicking anywhere on the “Read Next” footer.

Slidr.js is a simple, lightweight javascript library for adding slide transitions to your page. No dependencies required.

A template for a split layout with two sides. When clicking on a half in the initial view, the layout moves into the respective direction.

Here is a CSS snippet for creating a set of social rhombus icons and a nice animation on mouseover. Free PSD and code by Marco Biedermann.

Here is an interesting HTML/CSS snippet for creating nice menu icon animations. Coded by Bennett Feely.

Here is a useful CSS3 snippet for creating some simple arrow icons and a loader. Code provided by eMaj.

This freebie is a minimal and flat calendar made up of circles. The author has released both the PSD and the ready-coded widget.

fullPage.js is a jQuery plugin for creating stunning fullscreen scrolling websites as if they were slides.

Start Bootstrap is a package containing several useful Bootstrap 3 starter templates for your web projects.