A tutorial that explains how to create an ajax powered page transition, with a slide-in content animation triggered by a side navigation.
A ready-made example of a product grid with filtering system using Isotope. Tutorial by Codrops.
Product grid with filter system
A mini-library including 8 page scroll effects you can use for your silders. A little gem by CodyHouse.
Page scroll effects
A Codrops tutorial about creating a little slideshow with a color palette creation effect using CSS Filters and Vibrant.js.
Color extraction effect with Vibrant.js
A responsive, magazine-like website layout with a grid item animation effect that happens when opening the content.
Grid item animation layout
Flipside is a button that seamlessly transitions from action to confirmation created with few lines of CSS and jQuery.
Flipside – Button to modal
A call-to-action button that animates and turns into a full-size modal window with a morphing effect. Created by CodyHouse team.
Morphing modal window
An awesome tutorial explaining how to create a slide-in filter panel powered by CSS and jQuery. Created by CodyHouse.
Content filter with CSS & jQuery
A list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery.
3D Curtain effect
PhotoSwipe is a javascript plugin for creating awesome lightbox photo galleries. Written by @dimsemenov.
PhotoSwipe – JS photo gallery
A responsive and easy to customise navigation for mega-sites, enriched by subtle CSS animations and support for devices with javascript disabled.