Posts Tagged ‘HTML5’

FireShell is an open source framework for quickly creating a front-end boilerplate and workflows.

It comes with an HTML5 boilerplate (baseline HTML5 features, DNS prefetching, responsive meta) and Sass (with pre-setup files and folders).

FireShell

Grunt.js is used for compiling Sass, concatenating JavaScript files, connecting to a localhost server and live file reloads + injection.

Also, FireShell includes popular libraries like jQuery, Moderniz, HTML5 Shiv and Google Analytics code.

Least.js is a jQuery-powered image gallery that can display images in a Pinterest-like layout.

The images are displayed from an unordered list where their order is randomized on each load.

Least.js

Any clicked image doesn’t load the bigger version in a modal but by sliding other items down and the big version on the top (kinda similar to Google Image search).

The gallery makes use of HTML5-CSS3 features and works good on responsive layouts.

HTML5 Up! is a website that creates and shares very good-looking and free HTML5-CSS3 templates.

All the templates have responsive layouts (down to mobile) (uses Skel.js) and they are compatible with all major browsers.

There are already 10+ templates where new ones are added within time and they can be used freely under the CCA license for both personal or commercial projects.

Free HTML5 Templates by HTML5 Up1

Users with modern browsers are increasing each day and making use of features like HTML5 audio sounds more and more logical.

AudioPlayer.js is a jQuery plugin for quickly placing a HTML5-powered audio player to any web page.

jQuery HTML5 Audio Player

The player’s interface is chic (doesn’t use any images for that), has a responsive layout and touch support.

It has the major controls (play/pause, volume and duration) and weights only 4kb.

iio Engine is an open source framework for creating HTML5 applications with JavaScript and canvas.

The framework is lightweight (45kb) and packed with a debugging system + cross-platform deployment engine.

iio Engine

It doesn’t require any JS frameworks and can work side-by-side with Box2D.

iio Engine’s website provides a full documentation and many examples to simplify development.