A basic responsive product grid layout with comparison functionality and a slide-in effect.
A tutorial on how to write a CSS3 progress bar and add some cool animation, along with a jQuery counter.
A bold navigation that slides in when active, replacing the current content in a 3D space.
A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.
A tutorial about how to create an animated masonry gallery using jQuery and CSS transitions. Beside filter buttons this tutorial features a resize button that make the images arranged in a box or spread across the entire screen and a title that will change after applying a filter.
A simple tutorial which will help to share articles from the webpage to WhatsApp using jQuery.
A tutorial on how to create a slider with a "prism" effect using javascript, HTML5 canvas globalCompositeOperation and a layering technique.
A simple template that takes advantage of the background-attachment CSS property to create a fixed background effect, with the addition of a navigation to browse through the different sections.
A tutorial about how to create a drag and drop interface for a newsletter builder using jQuery.
Secondary Sliding Navigation is a bold, secondary menu that slides over the main navigation. This approach can be an alternative to a standard dropdown menu, in particular if you want to emphasise more the sub navigation.
A full page menu, that replaces the current content by pushing it off the screen.
A tutorial about creating Multilevel Toggle (accordion) Responsive Navigation Menu using jQuery.
The multi-toggle responsive navigation on smaller screens is similar to nested accordions, the user touches primary level parent item to reveal list under it and when the screen is big enough vertical toggle menu changes to horizontal drop down navigation.
A tutorial about how to make a simple countdown timer using jQuery.
A nice and detailed tutorial about basics of JavaScript slideshows. It describe the fundamental building blocks of a JavaScript slideshow (HTML, CSS, JavaScript) and the basic techniques used to create JavaScript slideshows.
A combination of very basic HTML, CSS and a little bit of jQuery you can achieve a pretty nifty, clean expanding tile. Feel free to use this concept to create your own Expanding CSS3/jQuery Panels.
