Category: CSS

This is a secondary navigation intended for users who want a quick overview of the page content, and be able to easily move from one section of the page to the other. A fixed navigation …

This is a great 3D Rotating Navigation tutorial by Codyhouse.(Claudia Romano).It is powered by CSS transformations.Sometimes you just want your website navigation to be bold. Design agencies, for example, use their portfolio to show off …

This is a collection of effects for revealing sharing buttons. You can use them in your portfolio, image galleries and more.Most of the different transformations and effects on the demos are done exclusively via CSS, …

This is a responsive and easy to customize navigation for mega-sites enriched by subtle CSS animations and support for devices with javascript disabled.Created by Sebastiano Guerriero.It works on all major browsers. Sebastiano used SASS and …

Here is another great tutorial from Codrops.Resizing and Cropping Images With Canvas.In this tutorial you will learn how to resize and crop images using JavaScript and the HTML5 Canvas element using controls, commonly seen in …

Today’s free design resource Mobile App Introduction Template with tutorial comes from Codyhouse.A basic template to showcase the best features of your app, enriched with a video slider for a better user understanding. The template …

You have probably all seen the “drawer menu/off-canvas” navigation style made popular by Facebook a few years back. There are a lot of great javascript plugins that offers this functionality, but it would be cool …

Today’s free development resource has been created by Codyhouse – Rounded Animated Navigation with CSS3 & JQuery inspired by Ping iOS app This is an experimental full-screen navigation, animated using CSS and jQuery, that expands …

Client Testimonials Carousel is a responsive carousel showcasing selected client testimonials powered by CSS and jQuery that can be easily integrated into your design. 2 plugins have been used to built this resource: FlexSlider for …

Today’s free inspiration and tutorial comes from Tympanus. The full-page background image header has been a web design trend for some time. Recently people have been turning to animation to add more visual interest to …