Resources for Developers

SVG hover effect

Here is an experimental hover effect created with SVG and inspired to Google Glass. Coded by Zach.

A tutorial for creating a “look inside” effect for book previews created with the BookBlock script released by Codrops.

Here is a flat design user interface inspired to a PSD freebie by GraphicBurger. This HTML5 + CSS3 ready-coded template is not complete yet.

Responsive Flat UI kit is a ready coded HTML custom UI set built to work with and sit next to Bootstrap 3. Created by Catalin Rosu.

Piccolo is a free Bootstrap HTML template featuring a simple and clean design. The theme includes 19 different page layouts.

Ionic is a beautiful front-end framework for developing hybrid mobile apps in HTML5. Available on Github.

Fore is a free, responsive, pageless HTML website template created and released by Papaya.

Here is a CSS snippet for creating a nice water filling text effect that you can use for preloaders and such. Coded by Lucas Bebber.

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.