Here we are put to-gathered a list of  Useful HTML5 Tools, Frameworks and resources which are very useful for both designers and developers. HTML5 is an extremely useful markup language for enhancing user experience and usability. It is becoming more and more popular, as a web developer or designer, you’ll need to keep up with the latest news and learn …

If  you are looking for a slider that is completely customizable, lightweight, works cross-device/browser and built with modern standards in mind? Then HTML5 and CSS3 sliders are very good option. There are lots of free HTML5 and CSS3 Slider which can  displaying any HTML content (images, videos, text..) inside a slider interface and comes with awesome features.…

There are two types of frameworks front-end and backend. Frontend frameworks usually use for web design and layouts consist of a package made up of a structure of files and folders of standardized code (HTML, CSS, JS documents etc.) which are using to developed front-end design.

Responsive frameworks have been around for last couple of years now and Responsive web …

WYSIHTML5 is an open source rich text editor, based on HTML5 technology, developed by Xing, that produces non-bloated, valid HTML5 code.

The editor doesn’t rely on any JS framework,  it is lightweight andloads/works pretty fast.

It transforms textarea fields and provides the major stuff including text styles (bold, italic), lists, headers, inserting images or links and …

Juicebox is a free HTML5 image gallery for creating spectacular galleries very easily.

Galleries build with it works everywhere; desktop, tablet or mobile and handles different screen sizes well (responsive).

Images can be browsed either with keyboard, mouse or touch (swipes) and they can be viewed in full-screen.

Juicebox Lite has a unique feature: a cross-platform (Adobe AIR-based) …

Responsive Grid System is a fluid grid CSS framework for developing responsive websites quickly.

Fluid grid CSS framework for fast development of responsive websites. Responsive grid system available in 12 columns grid, 16 columns grid and 24 columns grid with media queries for all standard devices, clearfix, and optional reset.

The styles for the grid, media queries, reset and IE-specific …

Codrops, creating a CSS3 slideshow with a parallax effect with the help of some CSS3 properties. We’ll use radio buttons and sibling combinators for controlling which slide is shown. There will be two backgrounds and the idea is to change the background positions and the position of the slider with transitions in order to create a slight parallax …

Hakim El Hattab (hakim.se), a very talented developer and programmer, has created a set of awesome scrolling effects with CSS.

The effects are all CSS-only and a simple JavaScript function helps attaching/removing classes to elements.

Currently, there are 10+ effects and, as expected, they are WebKit + Firefox-only but degrade nicely on incompatible browsers.

You should also check the …

Responsive CSS3 Slider without JavaScript created by Ian Hansson, a designer/developer from London.

Its much like to JavaScript sliders; works by floating all of the content areas (articles) next to each other and hides the overflow. After that, animating the margin of the inner <div> gives us the next item. so if we have 5 articles, moving the left-margin …

HTML Canvas Javascript Library is a full-featured lightweight wrapper library of the native html canvas element written in Javascript, aimed to make visualization and animation using canvas simpler. Features animation support, layers, event capture, multitouch and many examples.

It has easy-to-use and consistent methods that are capable of handling tasks like:

Features

• Full wrapper of the canvas element
• Simple, consistent

…