Tag Archives: HTML5

HTML5 Game Engine

Quintus

Quintus is an easy-to-learn, fun-to-use HTML5 game engine for mobile, desktop and beyond!

Read More Demo

jQuery hashchange event

jQuery hashchange event plugin enables very basic bookmarkable #hash history via a cross-browser HTML5 window.onhashchange event.s

Read More Demo

HTML5 template that goes back to basics

Contains the most popular HTML5 structural elements and how to use them.

This HTML5 template can only be used as to obtain a bill proceed in HTML5 , or it can simply be re- used as a guideline on the in-line comments in building your own HTML5 page from scratch .

Read More Demo

Simplify the HTML5 web standard webRTC

New webstandard being developed for peer-to-peer communication on the web.

An abstraction layer for WebRTC . The aim is to simplify the HTML5 web standard WebRTC in a manner similar w / WebSockets socket.io . Highly experimental technology.

Read More

HTML5 Security Cheat sheet

A collection of HTML5 related XSS attack vectors.

This is the new home of H5SC or HTML5 security Cheat Sheet . Here you will find three things :

  • A collection of HTML5 -based XSS attack
  • A set of useful files for XSS tests
  • A number of formerly hidden features useful for XSS tests

Read More Demo

HTML5 Boilerplate Custom Builder

Running on Google App Engine (Java)

HTML5 Boilerplate Custom Builder runs on Google App Engine ( Java ).

Read More Demo

HTML5 slideshows from markdown

Generates a slideshow using from markdown, ReST, or textile.

Landslide generates a HTML5 slideshows using from markdown, ReST, or textile. It builds off of Google’s html5slides template.

Read More

Cross-browser javascript wrapper for the html5 audio tag

Audiojs is a drop-in javascript library

Audiojs is a drop-in JavaScript library , the HTML5

Read More Demo

HTML5 game framework for web and iOS

Browser support : Current: Chrome, Safari 5, Firefox 3.6+, Opera, IE9, Mobile Safari

HTML5 game framework for web and iOS.

Read More Demo

Share drop HTML5 clone of apple’s AirDrop

Easy P2P file transfer powered by WebRTC

Share Drop HTML5 clone of Apple AirDrop service . It allows you to transfer files directly between devices , without these being uploaded to any server first . It uses WebRTC for secure peer -to-peer file transfer and Fire Base for presence management and WebRTC signaling .

Read More Demo

HTML5 Sortable jQuery Plugin

Built using native HTML5 drag and drop API.

Lightweight HTML5 Sortable jQuery Plugin to create sortable lists and grids using native HTML5 drag and drop API.

Read More Demo

Fiercely quick front end boilerplate and workflows.

The opinionated FireShell framework.

Fiercely quick front end boilerplate and workflows, HTML5, Grunt, Sass.

Read More Demo

Accessible HTML5 Video Player

By the PayPal Accessibility Team

A slight HTML5 video player, support for title and screen reader contains . For details, see the blog post introducing a Accessible HTML5 Video Player on the PayPal blog technology.

Read More Demo

Front end framework for building html5 mobile apps

CSS3 Transitions optimized for mobile performance

A front end framework for building HTML5 mobile apps with a native look and feel.

Read More Demo

HTML5 ebook framework

Original Baker Framework repository

The HTML5 ebook framework for interactive books and magazines on iPad & iPhone publish only open Web standards.

Read More Demo

Mozilla’s HTML5 Video Framework : Popcorn-js

HTML5 Media Framework

Popcorn.js is Mozilla’s HTML5 video and media library for the open Web . Mozilla’s HTML5 Video Framework : Popcorn-js. It allows web developers , filmmakers , artists, designers , and others in a simple timeline -based Web productions . Popcorn.js helps media API and implementation to simplify differences between browsers and includes a powerful event system and a rich plugin architecture and plug-ins .

Read More Demo

HTML5 based Phone UI for the Boot 2 Gecko Project

Gaia is Mozilla’s Phone UX for the Boot to Gecko (B2G) project.

HTML5 based Phone UI for the Boot 2 Gecko Project. Gaia is a HTML5-based Phone UI for the Boot 2 Gecko Project. NOTE: For details of what branches are used for what releases.

Read More Demo

Javascript HTML5 Canvas Manipulation

CamanJS

The focus of CamanJS manipulated images with the HTML5 Canvas and Javascript . Javascript HTML5 Canvas Manipulation is a combination of an easy-to -use interface with advanced and efficient image / canvas editing techniques . It is also totally library be used independently and safely in addition to jQuery , YUI , Scriptaculous , MooTools , etc.

Read More Demo

HTML5 Web Socket implementation powered by Flash

web-socket-js

HTML5 Web Socket implementation powered by Flash

Read More

noVNC: HTML5 VNC Client

VNC client using HTML5 (Web Sockets, Canvas) with encryption (wss://) support.

noVNC is an HTML5 VNC client that ( iPhone / iPad and Android ) is going well in any modern browser , including mobile browsers .

Read More Demo

App Framework – A HTML5 targeted Javascript Framework

Definitive HTML5 mobile javascript framework

App Framework – a targeted HTML5 Javascript framework. It is focused on HTML5 browsers a UI framework .

Read More Demo

Mercury Editor : The Rails HTML5 WYSIWYG editor

Mercury Editor is a fully featured editor much like TinyMCE or CKEditor

Mercury Editor : The Rails HTML5 WYSIWYG editor, it is a full-featured editor like TinyMCE or CKEditor , but with a different usage paradigm . He expects a whole page is something that can be edited , and allows different types of editable regions are indicated . It shows a single toolbar for each region on the page , and uses the HTML5 contentEditable functions on block elements , instead of iframes that . For CSS to be applied in a manner that can not handle many other editors.

Read More Demo

Modular 3D and 2D game framework for making HTML5 powered games : Turbulenz

Support HTML5 features such as modern browsers without the need for plugins

Turbulence is an Modular 3D and 2D game framework, HTML5 game engine and server-side APIs for the construction and sale of 2D and 3D games that support on platforms that HTML5 features such as modern browsers without plug-ins to run in JavaScript and typescript .

Read More Demo

HTML5 saveAs() FileSaver implementation

Solution to saving files on the client-side

HTML5 saveAs() FileSaver implementation . FileSaver.js implements the W3C HTML5 saveAs ( ) File Saver interface in browsers that do not natively support it . There is a FileSaver.js demo that shows savings of various media types .

FileSaver.js the solution to save files on the client – side , and is ideal for Web applications that need to create files , or to store sensitive information that should not be sent to an external server

Read More Demo

Mobile First, Responsive WordPress starter theme

A Lightweight WordPress Development Theme

Bones is a Mobile First, Responsive WordPress starter theme. Bone is designed to facilitate the life of the developer . It is built with HTML5 and has a strong semantic basis . It is constantly growing , so be sure to check frequently if you are a frequent user . I’m always open to contributions.

Read More Demo

HTML5 device mockups

View the demo page of all devices

HTML5 device mockups of popular devices, to showcase your portfolio and spice up your website.

Read More Demo

HTML5 application architecture using Backbone.js

Chaplin is an architecture for JavaScript applications using the Backbone.js library

HTML5 application architecture using Backbone.js. Chaplin directed restrictions backbone is , by providing a simple and flexible structure , the proven design patterns and best practices .

Read More

JavaScript Library for HTML5 canvas based heatmaps

Dynamic Heatmaps for the Web.

JavaScript Library for HTML5 canvas based heatmaps. Heatmap.js is a lightweight , easy to use JavaScript library to help you visualize your three dimensional data !

Read More

HTML5 Canvas JavaScript framework

Extends the 2d context by enabling canvas

KineticJS is an HTML5 Canvas JavaScript framework that the 2D context by enabling extended screen interactivity for desktop and mobile applications.

Read More

HTML5 text editor

Squire provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible.

Read More

Build Desktop Applications with AppJs

Using appjs you can build desktop applications for Linux, Windows and Mac using HTML, CSS and Javascript. app js is simple and powerfull and it support all coding platform and dont need to worry about the compatability issues.

Read More

Web Terminal Emulator and SSH Client : Gate One

Gate One is a web-based Terminal Emulator and SSH client that brings the power of the command line to the web. Gate One requires no browser plugins and is built on top of a powerful plugin system that allows every aspect of its appearance and functionality to be customized.

Read More

JavaScript wiki

JavaScript wiki focuses mainly on JS/HTML5/WebGL related resources. Top resources and libraries available for JavaScript. Beginners resources also available.

Read More Demo

HTML5 audio and video players

HTML5 audio and video player with Flash and Silverlight shims that mimics the HTML5 MediaElement API, enabling a consistent UI in all browsers. HTML5 audio and video players in pure HTML and CSS. It Supports all browsers.

Read More

Simple HTML5 media player

Developers needed a lightweight, accessible and customisable media player that just supports modern browsers. Here is a solution for your mediaplayer needs.

Read More Demo

Page flip effect for HTML5

Add beautiful transition similar to real pages in a book or magazine using Turn.js plugin for jQuery . Turn.js works in all modern browsers including touch devices. It will be a rare experience for user.

Read More Demo

Work easier with the HTML5 canvas element

The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with the HTML5 Canvas element much easier.

Read More Demo

Generate PDF files using JavaScript

Generate PDF files using JavaScript. A HTML5 client-side solution for generating PDFs in javascript. Perfect for event tickets, reports, certificates.

Read More Demo

Open source vector graphics scripting framework : Paperjs

Paper.js runs on top of the HTML5 Canvas

Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. Paperjs offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.

Read More Demo

Java game development framework

libGDX

OpenGL (ES) based cross platform java game development framework. libGDX works on windows, Linux, Mac OS X, Android WebGL enabled browser and iOS.

Read More Demo

Advanced HTML5 mobile development framework

ionicframework an Advanced HTML5 mobile development framework and SDK. Build incredible hybrid apps with latest web technologies you already know and love to use. ionicframework is friendly with AngularJS.

Read More Demo

Build HTML5 website with html5-boilerplate

Build HTML5 website with html5-boilerplate. Html5-boilerplate a professional front-end template helps you to building fast, robust, and adaptable web applications or html5 websites.

Read More

HTML5 responsive website templates free

Today small and large business firms required to show there work and service in front of the world to attract the attract the attention. There is only one solution you can attract the world’s attention easily . Create a small website and present for your people and tell them you can find all my services and history here in website. Just a simple way , now everybody have net connection and all people connected around the world at least through social media.

Continue reading

Top 20 inspiring Bootstrap websites

Bootstrap is one of the most popular frameworks for building responsive websites with HTML5 CSS and Jquery. Bootstrap made easy responsive website development quick and easier. Grid based design layout and responsive feature is the main reason web developers love to work with bootstrap framework. When i start to design and code with bootstrap i only saw some usual website templates, all are looking same.

After i got experienced with bootstrap designing and coding, i explored more websites that built with bootstrap. That all websites are totally different from the usual bootstrap templates. Here i am listing the most beautiful bootstrap websites for you.

Continue reading

BOOTFLAT : Flat UI KIT based on Bootstrap

bootflat

BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.

Read More Demo

Contextual Menus with Twitters Bootstrap

context

Context.js is a lightweight solution for contextual menus. Currently, there are two versions. The first is to be used with Twitters Bootstrap (bootstrap.css specifically). If you do not use or want to use bootstrap.css, there is a standalone stylesheet to give the menu it’s base styles.

Read More Demo

CSS3 animations with HTML5 data-attributes

css3animationwithhtml5.png

Animatr is a jQuery plugin that allows you to create CSS3 animations using only HTML5 data-attributes.

Lay out your animation steps by time (in seconds), percentages, or both. No more @keyframes or browser prefixing Run multiple animations simultaneously in one element

Read More Demo

Free Bootstrap One Page Templates

Bootstrap is an open-source JavaScript framework , developed by the team at Twitter . It is a combination of HTML , CSS and Javascript code designed to help the user interface components . Bootstrap has been programmed to support both HTML5 and CSS3. Here is some bootstrap one page templates, these all free to use. You can understand bootstrap coding by editing these templates.free bootstrap one page templates helps you to make landing pages easily

Continue reading

Sketch.js : Canvas-based Drawing using jQuery

canvas

Sketch.js is an simple-to-use jQuery plugin that permit you to create canvases upon which visitors can draw.

Demo Download

jQuery Html5 plugin for take pictures through webcam : Photobooth-js

photobooth

A html5 widget that allows users to take their avatar pictures on your site.

Demo Download

Video Player

HTML5 Video Player

Video.js is a web video player built from the ground up for HTML5 world. It supports HTML5 and Flash video and YouTube and Vimeo (via plugins). It supports video playback on desktops and mobile devices. This project began in mid-2010, and the player is now used in more than 50,000,100,000 websites.

Demo Download

Simple HTML5 Chart Designer

Simple HTML5 Charts using the ‘canvas’tag

Chartjs.org/docs documentation can be found. Markdown files that build the site are available in / docs. Note – in some json configuration examples you may notice some liquids labels – this is only for generating the html site, please ignore.

Continue reading

30 Examples of Amazing HTML5 and CSS3 Websites

In this post we will show you 30 examples of Amazing HTML5 and CSS3 Websites. As you know, HTML5 and CSS3 is the “ultimate duo” for many web designers. They are not only getting new techniques by using HTML5 and CSS3, but they are also getting an easier designing work than using flash or javascript. HTML5 and CSS3 also provides another limitless new possibilities of web design, for an instance is responsive layout for your website. HTML and CSS3 also brings us an opportunity to create a website with all sorts smooth animations, subtle transitions, great image sliders…

Read More

Create a Custom HTML5 Audio and Video Element UI with MediaElement.js

There are a lot of things you can create with custom HTML5. The new elements make it possible to simplify things as opposed in the past that you need to add CSS to make it work or display. Two of the good examples are the audio and video elements. Although …

Read More

Azexo-Composer-WYSIWYG

jQuery drag and drop HTML builder – compile Bootstrap based HTML and JS. Builder extract required JS code (about 0% – 15%) from itself and provide it with resulting HTML to allow initialization a third party JS libraries on frontend. Generated HTML contain “data” attributes which store JS libraries settings and helpers to allow parse document structure by editor.

Read More
Demo

Lightview – The jQuery Lightbox

Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library.

By combining support for a wide range of media with gorgeous skins and a user-friendly API, Lightview aims to push the Lightbox concept as far as possible.

Website Demo

ClassyCountdown

ClassyCountdown is a jQuery plugin written by Marius Stanciu – Sergiu, a plugin that allows you to easily create clean circular countdowns. It is fully customizable and includes 12 themes, which can be modified and it uses HTML5 canvas for rendering the circles.

Website Demo