A tutorial about hiding header on scroll down and showing it on scroll up. You don't need to scroll top of page for menus on header with this navigation.
A tutorial about building a script that is going to take an ordinary select element, and replace it with a better looking, markup powered version, while keeping all the functionality intact.
A tutorial about creating vertical tabs for Bootstap. It's very easy to use.
An experimental full-screen navigation, animated using CSS and jQuery, that expands within a circle. It’s supported by all major browsers.
A handy tabbed navigation, optimized for mobile devices, with support for both horizontal and vertical menu positioning. It's created by using CSS and jQuery.
A tutorial about how to add an animations to your One Page Scroll plugin projects.
Here are some animations that used on this tutorial
A tutorial on how to re-create the page preloading effect seen on the website of Fontface Ninja. CSS animations, 3D transforms and SVGs used for this tutorial.
A tutorial about creating flat shadow effect with CSS3 transform effects and jQuery.
It showcases stories each with a content panel that gives off a nice looking flat shadow. As you scroll through the website, each individual panel dynamically shifts the shadow based on where it is in your window.
A tutorial that shows how to recreate the four tiles slideshow effect using 3D transforms, transitions and animations. The aim is to implement a smooth effect and add some variations.
A tutorial about creating push in side menu. Here you ll see a simple effect of making the menu links stack upwards. The second effect is a Metro inspired menu that stacks upwards but uses random delays to make it look unique every time.
A full width tab component with some example media queries for adjusting the icons of the tabs and the content layout.
The main idea is to show only icons for the mobile view and allow the text to appear when there’s enough space. The content columns and the containing media boxes have three different layouts.