CSS3 skins for jQuery datepicker UI. Read More Demo
Interface kit for quick development of web interfaces
Simple to use and expand on An HTML5/CSS3 framework used at SAPO for fast and efficient website design and prototyping. Interface kit for quick development of web interfaces. Read More Demo
Top 20 inspiring Bootstrap websites
Bootstrap is one of the most popular frameworks for building responsive websites with HTML5 CSS and Jquery. Bootstrap made easy responsive website development quick and easier. Grid based design layout and responsive feature is the main reason web developers love to work with bootstrap framework. When i start to design and code with bootstrap i […]
Accessible HTML5 Video Player
A lightweight HTML5 video player which includes support for captions and screen reader accessibility. For details, read the blog post Introducing an Accessible HTML5 Video Player on the PayPal Engineering blog. Read More Demo
Contextual Menus with Twitters Bootstrap
Context.js is a lightweight solution for contextual menus. Currently, there are two versions. The first is to be used with Twitters Bootstrap (bootstrap.css specifically). If you do not use or want to use bootstrap.css, there is a standalone stylesheet to give the menu it’s base styles. Read More Demo
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
jquery.parallax-scroll : Smooth parallax effect on vertical page scrolling
Smooth parallax animations on vertical page scrolling using requestAnimationFrame and CSS3 3D transitions. Read More Demo
Pure CSS loading animations with Loaders.css
CSS loading animations A collection of loading animations written entirely in css. Each animation is limited to a small subset of css properties in order to avoid expensive painting and layout calculations. Read More Demo
CSS3 Transitions and Transforms through JavaScript
CSS3 Transitions and Transforms achieved through JavaScript. Read More Demo
Free Bootstrap One Page Templates
Bootstrap is an open-source JavaScript framework , developed by the team at Twitter . It is a combination of HTML , CSS and Javascript code designed to help the user interface components . Bootstrap has been programmed to support both HTML5 and CSS3. Here is some bootstrap one page templates, these all free to use. You can understand bootstrap coding by editing these templates
Menu to cross icon With JQuery and CSS3
The project menu -to- Quersymbolist a project to make people different ways a “menu icon ,” the show to have to switch to a ” cross symbol ” ( ☰ -> ✖ ) . Some techniques use vanilla Javascript , using some jQuery and some are just CSS powerd ! Demo Read More
Useful Gallery.js : Pinboard Gallery
This content gallery loads content gradually with AJAX and uses CSS3 transitions for the animation and positioning. The optional web service providing content based on PHP , but the concept is easily be reproduced in other languages . Demo Read More
CSS3 library for making Microsoft-metro themed buttons
Inspired by Microsoft’s Modern Design Language, I was in need of a metro-styled CSS3 button library. I wanted to make similar metro-looking buttons used by Microsoft (extensively used in their Microsoft Windows Azure website) So I’ve built a very small, simple and clean CSS3 library to deal with my problem. Demo Read More
CSS3 Social Sign-in Buttons with icons
CSS3 Social Sign-in Buttons with icons. Small and large sizes. To create the default sign-in button, add a class of btn-auth and btn-[service] (where [service] is one of the supported social sign-in services) to any appropriate element (most likely an anchor). Demo Read More
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, […]
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 […]
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
Inspiration for Dialog Effects
A small collection of dialog effects using CSS animations for your inspiration. Some effects use SVG animations of morphing paths with the help of Snap.svg Website Demo