Best html-5 resources & Tutorials with Demo

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

Pure CSS Simple Metro Station Map

Today we’d like to share some CSS3 experiments with you. The idea is to use some CSS3 selectors as ::after & ::before and transform property in different scenarios. In this post, we’ll give an overview of

#CSS2 / CSS3 #UI #HTML 5 #Pure CSS

Simple HTML5 Page Structure

HTML5 is a markup language used for structuring and presenting content on the World Wide Web Use this simple page structure for start any html5 projects  <!DOCTYPE HTML> <html> <head> <

#HTML 5