JS Library to write Clever CSS Selectors for your web sites : Detectr.js

Detectr.js is a very tiny javascript library which gives you the power to write understandable and clearly defined CSS rules to refine your website design for each different browser, platform, device and operating system. Read More Download

CSS3 animations with HTML5 data-attributes

Animatr is a jQuery plugin that allows you to create CSS3 animations using only HTML5 data-attributes. Lay out your animation steps by time (in seconds), percentages, or both. No more @keyframes or browser prefixing Run multiple animations simultaneously in one element Read More Demo

Responsive menu with transitions

A responsive menu with transitions and fallback support for older browsers. This menu works sliding down the content with a background mask that adjusts to screen height. Read More Demo

How to Create a Responsive Email Template

Reading emails has never been easy on phones and tablets. Just like modern websites, email newsletter design needs to be optimized for different viewports. Imagine having a non-responsive email newsletter design. It might look good on desktop devices; however, checking it on small screens will look awful with each element misaligned and broken columns. According […]

Animating Background Colors

As promised in my previous post, I will be sharing some of the scripts used on the Themify redesign. Today I’m going to share the animating background color script as seen on the site. It is a simple jQuery script that animates a series of background colors in a loop. It runs smoothly on desktop, […]

50 Useful Libraries and Resources for Responsive Web Design

Let’s talk about responsive web design. People are increasingly dependent on their smart mobile devices, and chances are that a large portion of the visitors of your website have used their phone or tablet to get to it. In this article you will find 50 articles, tools and resources, which will help you learn what […]

30 Examples of Amazing HTML5 and CSS3 Websites

In this post we will show you 30 examples of Amazing HTML5 and CSS3 Websites. As you know, HTML5 and CSS3 is the “ultimate duo” for many web designers. They are not only getting new techniques by using HTML5 and CSS3, but they are also getting an easier designing work than using flash or javascript. […]

Slider Pro – jQuery slider plugin

A modular, responsive and touch-enabled jQuery slider plugin that enables you to create elegant and professionally looking sliders. Main features: modular architecture responsive touch-swipe CSS3 transitions animated layers (and static) infinite scrolling carousel layout full width and full window support thumbnails deep linking lazy loading retina-enabled fade effect full-screen support CSS-only navigation controls (no graphics) […]

Smooth Diagonal Fade Gallery with CSS3 Transitions

In this tutorial we CSS3 powered by a smooth transition to the diagonal are going to create a gallery with fade effect . The server scan a folder with pictures and all the window that spans display them in a grid . Added a new photo gallery of the files in a folder ( preferably […]

How to Make a Digital Clock with jQuery and CSS3

It all started last week when I saw this pretty dribbble shot. I immediately felt the urge to convert it into a working clock and share it with Tutorialzine’s readers. If you’d like to learn how I made it, read on! Read More Demo

Zoom-out Intro Effect with CSS3

Today’s resource is a full-width header image, animated using the CSS3 scale property and jQuery to simulate a 3D zoom-out effect and reveal the main content of the page. Read More Demo