TUTORIALS Archive

morphing-modal-window-featured

Morphing Modal Window

This is a call-to-action button that animates and turns into a full-size modal window coded by Codyhouse.Modal windows are used to display related content, by hiding temporarily the main content. If we imagine our web page as layers distributed along the z-axis, …
slider-plugin

Flickity – Touch, responsive, flickable galleries

Flickity is a carousel,slider,gallery library created by David DeSandro.Flickity makes galleries, sliders and carousels that feel lively and effortless. Start using Flickity in three steps. Download Flickity flickity.css and flickity.pkgd.min.js files Add the Flickity .css and .js files to your site Add …
pure-css-icons

Icono – Pure CSS Icons (no font or svg)

icono is an icon pack that needs no external resources. Every tags can be an icon made with pure CSS. How to use To get going with icono you can: Download icono.min.css or Install it with Bower: bower install https://github.com/saeedalipoor/icono.git And then …
curtain-template-featured

3D Curtain Template with CSS3 & jQuery

Another great tutorial from Codyhouse.A list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery. The 2-blocks design approach is quite common nowadays. On one side the text paragraph, on …