Most Popular Scripts | HTML5

Modern News Ticker is a modern, powerful, flexible, fast, easy to use and customize news ticker. It offers a varied number of features while still being lightweight and very easy to work with: It comes with 12 different themes to choose from. It can have 4 different layouts. It can have either round or square corners. It offers options to control the scroll speed, the transition speed as well as the autoplay.

Youtube Vimeo Gallery Background could be used as video gallery, video player or a video background or any kind of showcase. Some of the options include having component in 100% windows size of a custom embed size, vertical or horizontal thumbnails. You can load unlimited number of playlist with public functions.

Features: mobile optimized. XML driven. all the positions, sizes and theme colors can be changed inside the XML file. supports any image files (png, jpg, gif). set the components canvas width and height. set the cover flow position on the canvas. set the thumb width and height. set the cover flow images space on x, y and z axis. set the cover flow angle for horizontal, vertical or oblique presentation. set the thumb border size and color. tooltip thumb option, which is dynamic (following the mouse). set the tooltip background color and the text size and color. the buttons can be enabled or disabled (this means that they will not be visible). set the buttons colors. the scrollbar can be enabled or disabled like the buttons. set the scrollbar track and handler colors. the buttons, scrollbar and slideshow preloader positions can be set to be anywhere.

Carousel Features: XML driven all the positions, sizes and theme colors can be changed inside the XML file. supports any image files (png, jpg, gif). set the component's canvas width and height. set the carousel position on the canvas. set the thumb width and height. set the carousel radius on x, y and z axis. set the carousel angle for horizontal, vertical or oblique presentation. set the thumb border size and color. tooltip thumb option, which is dynamic (following the mouse).

QrDesigner is an advanced and well designed tool to generate and customize QrCodes on the web. It’s the perfect app. for your QrCode Generator website or QrCode application.

Options include: FLASH fallback included for browsers that dont support HTML5 video. Component fixed size or 100% fluid layout (see examples). Unlimited images/videos possible in the gallery. Can be used with only single image/video (no playlist). Optional playlist Playlist position: top / right / bottom / left. Thumbnail orientation: vertical / horizontal. Optional auto open playlist. Optional description Optional auto open description. Optional slideshow controls (previous,pause/play,forward). Optional random play. Global or individual delay. Optional link for each image/video (blank/parent, open url in new/same window). Optional seekbar Google web fonts used. Embed multiple galleries into single page (example provided). Navigate to URL on playlist end. Public methods available.

"Another HTML-lint5" is a free service where you can check your HTML(XHTML) grammar and syntax free of charge. Simply enter URL you want to check and press CHECK button, then the results will be displayed with detailed explanations. No download or installation is needed.

Mercury is a full featured HTML5 editor. It was built from the ground up to help your team get the most out of content editing in modern browsers. It supports previewing, link tools (e.g TOC/Bookmark links), media tools for managing images using drag and drop features, table editing, snippets for reusable bits of markup or code along with custom regions.

RGraph is a HTML5 Javascript charts library which uses the new HTML5 canvas tag to provide client side charts capabilities easily. A wide range of charts are catered for, and it's easy to use.

FLV Player for web with the most advanced features having superior video quality and many more. Also, Contus HD Flash Video Player supports HTML5 Player. HDFLV Player is truly a solution for high quality videos. This Plug-In with striking features is easy to install and embed in your website.

Kaltura has developed a full HTML5 Video Library – in use by Wikipedia – that works in ALL major browsers, even IE. The library supports a seamless fallback with Flash based playback (using Kaltura’s media player – KDP3) or Java Cortado for browsers that don’t yet feature HTML5 video & audio support.

You can use HTML tags to add some styling your subtitles. And the look of the subtitles can be customized with CSS .

If you’ve ever tried to edit the Dreamweaver color scheme on your own, you know what a pain it can be (and if you haven’t, you’re not missing much). But, Dweamer makes easy work of a task that used to take several hours. And since Dweamer allows you to save themes, you can come back and edit them at any time, or quickly switch to a different theme whenever you like (without having to start from scratch every time). As an added bonus we will soon be launching a free Dweamer theme gallery where you can share your themes with others and download themes other users have created! So, if you’re tired of the default Dreamweaver colors (or never liked them in the first place), give Dweamer a try!

Tejas is built on jQuery and utilizes the very powerful ThemeRoller system for rendering its user interface. This means that changing the color scheme or images is as simple as just going to the ThemeRoller site and using the friendly GUI to change whatever you need. If you want to delve even deeper, it provides more options and flexibility so that you can create an UI you want without touching the plugin.

This script doesn’t require any extra Browser Plugins to display HTML5 videos. It features a beautiful and unified UI on all desktop browsers and supports fullscreen in Window Mode.

HTML5 introduces DOM Storage, a new way of storing data on the client side that overcomes the disk space limitations of JavaScript cookies. This tutorial looks at how to take advantage of DOM Storage in browsers today.

The following tables compare support of HTML5 differences from HTML4 for a number of layout engines.

The new HTML5 CANVAS tag is a new tag for HTML5 that allows 2-dimensional drawing, or bitmap drawing if you like, using Javascript. It allows both simple and complex shapes to be drawn that you could previously only get by using images.

The canvas element is a drawable region defined in HTML code with height and width attributes. JavaScript code can access the canvas through a full set of drawing functions allowing for dynamically generated graphics. The canvas element was introduced in HTML5. You can read more about the element at the following locations:

Welcome! In this tutorial, we're going to create a breakout clone that you can play in your browser, using javascript and the element.