Best html-5 resources & Tutorials with Demo

Handpicked html5 login form Ready to Use for inspiration

In computer security, logging in is the process by which an individual gains access to a computer system by identifying and authenticating themselves. The user credentials are typically some form of "username" Interface

#UI #CSS2 / CSS3 #HTML 5 #Inspiration #Playground

Make a calculator using Javascript and CSS3

Learn to make a cool looking calculator using Javascript and CSS3. CSS3 box shadows are used to create the 3D effect and transitions are used for the smooth press effect. Basic regex is used for validations and text repl

#HTML 5 #Playground #CSS2 / CSS3

Reveal Animations When Scrolling — WOW.js

WOW.js is a JavaScript plugin that reveals animations when you scroll. Very Animate.css Friend.

#Animation #HTML 5 #Plugins

Very Simple Animated Loading Page Layout

This is a simple Layout that use for animated loading page, you only need show and hide #loader div  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trans

#Playground #Animation #HTML 5

How to Smooth Scrolling Navigation With jQuery in 3 easy steps

Smooth Scrolling is a technique which reduces the sudden jumps in display while scrolling. The content will appear to seamlessly flow in and out of the screen as you scroll. Many browsers ship with it, but it can also be

#HTML 5 #Animation #Menus

More Popular CSS Reset

The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on I have my own css reset, that is very simple * { margin:0; paddi

#HTML 5 #CSS #CSS2 / CSS3

How to build animated fixed menu with css3 & jquery

Fixed menus are a definitive a great ux resource for our website. They look good, and they are also super useful for visitors. Today, I’m showing you how you can create a very simple fixed menu with CSS3 transition

#CSS2 / CSS3 #HTML 5 #Menus

Only Responsive Grid System Bootstrap Template

I use Bootstrap in many responsive projects only for their grid system but normal distribution download have as minimun 118kb (boostrap.min.css). In getbootstrap.com is possible to customize Bootstrap's compone

#HTML 5 #Bootstrap

Html5 Cool Tips snippets that maybe you dont know

Autocompletion with HTML5 datalists A DATALIST element gets an ID attribute and contains numerous OPTION elements, just as a SELECT element would: Run Code <p>Type php for view example</p> <input name=

#HTML 5

HTML5 Circular Progress Button by Codrops

A tutorial on how to implement the circular progress button concept by Colin Garven. We are using the SVG line drawing animation technique as described by Jake Archibald to animate the circular progress and provide a suc

#UI #HTML 5 #CSS2 / CSS3 #Buttons #Loading

Free Photographer Website Template

Jops Photographer is a Free Template for Photographer Portfolio or Gallery, Fashion photographers personal site, freelancers, artists etc.. It can be customized easily to suit your needs. This Web Template is built

#Free Website Templates #Photographer #Freebies #HTML 5

Simple Responsive Image Gallery

Hi..Today I share with you a responsive gallery that was design using the Magnific Popup  plugin and some CSS code which use in my projects. Plugin: Magnific Popup Pics: photostockeditor.com index.html

#HTML 5 #CSS2 / CSS3 #Gallery #UI