Best html-5 resources & Tutorials with Demo

Simple Simon Game with Javascript and CSS

Simon is an electronic game of memory skill invented by Ralph H. Baer and Howard J. Morrison,[1] with software programming by Lenny Cope, The device creates a series of tones and lights and requires a user to repeat the

#HTML5 Game #Playground #Animation #HTML 5

Understanding Retina Images in HTML Email

Apart from the onslaught of screen sizes, the mobile revolution introduces another interesting challenge for email designers: high-DPI displays. These displays, often referred to as Retina displays (a term coined by the


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" "

#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


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 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=


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