Category Archives: HTML5

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

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

html5demos showing capability of HTML5 apps.

Collection of hacks and demos showing capability of HTML5 apps

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

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

JavaScript library for create HTML time sheets

HTML5 & CSS3 time sheets

JavaScript library for create Simple HTML time sheets.

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

Phaser : 2D game framework

phaser Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

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

BootMetro : Create web apps with Windows 8 Metro user interface

bootstrap-metro

Easy and complete web UI framework to create web apps with Windows 8 Metro user interface.

Demo Download

bootstrap-wysihtml5:Simple wysiwyg editors

wysihtml5

bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap

Demo Download

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

Jquery ui Contextmenu – Jquery Plugin

jQuery plugin that turns a jQueryUI menu widget into a context menu.

Demo Read More

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

How to Create a Responsive Email Template

Reading emails has never been easy on phones and tablets. Just like modern websites, email newsletter design needs to be optimized for different viewports.

Imagine having a non-responsive email newsletter design. It might look good on desktop devices; however, checking it on small screens will look awful with each element misaligned and broken columns. According to EmailMonday, 91 percent of consumers are checking email on mobile devices on a regular basis. This is one of the reasons why you should consider optimizing your email template.

How do you optimize your email newsletter design? While you might think of using the modern way of coding an HTML template using div and external CSS, some email clients such as Outlook and Yahoo Mail use a different…

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

Fresco – Responsive jQuery Lightbox

Fresco is a beautiful responsive lightbox. It can be used to create stunning overlays that work great at any screen size, in all browsers on every device.

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

Resizing and Cropping Images with JavaScript and Canvas

Learn how to resize and crop images using JavaScript and the HTML5 Canvas element using controls, commonly seen in photo editing applications.

Website Demo