New Scripts | HTML5

The HTML5 Zoomer Plugin FWD is a great image navigator and a panning tool for displaying large images. It is compatible with all major desktop and mobile browsers. It is a powerful image viewer prepared for showcasing products, displaying maps, and any other images, with its zooming, panning, dragging, navigation controls, scrollbar, zoom buttons,and highly customizable markers. It is very easy to configure and maintain it in XML and also, as a plus, you can open it in a lightbox window just like the jQuery plugin. You can use any size for your content and the loaded content will adapt based on the plugin size specified in the configuration XML file. This feature makes it a perfect choice for any project that you have in mind. It was coded and optimized for mobile devices and it is 100% mobile compatible and of course it will run just as great on PC. This HTML5 zooming and panning plugin can be embedded in WordPress.

The HTML5 Photo Gallery - Resizable Album Grid XML is size flexible or fluid, it will adapt it's size (width and height) based on the parent container (div or some other html tag) and every piece of the gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add the gallery in a place which you have chosen in your website and the gallery will adapt. Also if you like you can instantiate the gallery to fit the browser's viewport regardless of the screen resolution.

In today’s tutorial we will create Falling leaves effect without any help of javascript. When I started playing with CSS3 I never thought that I could make such fascinating animations with it.

wysihtml5 is an open source rich text editor based on HTML5 technology and the progressive-enhancement approach. It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.

Fully XML driven this makes it really easy to install and maintain Support for multiple instances in the same page: you may have as many galleries as you want in the same page and each one of the galleries / instances has its unique set of images and settings. Buttons are optional and can be positioned anywhere by setting the x and y position for each of them, this is a unique and useful feature. The entire color theme can be modified and also the graphics theme can be modified, each button can have different graphics, this mean that you can add your own skins, the buttons size does not have to be specific it will adjust based on the graphic (.jpg or .png) file used. Support any type of image format (landscape, portrait or whatever)!

This is a pure css3 html5 accordion. It only takes a few seconds for you to create custom accordion. There are 6 different animations that can be use for your accordion list. All animations uses 3D rotation effects. Accordion works smoothly in iOS devices such as iPhone and iPad. Browsers that do not support 3D rotating will still show the accordion but with no 3d animation effect. This item have included 42 Predefined colors for you to choose in your labels. Meanwhile I’ve included documentation for ease of work .

Highly customizable HTML5 Dock Menu XML with a nice design. This dock menu gallery can be used horizontaly or verticaly, also it has unique presets with pre-defined movements and presentations. You can also set the colors of the background, border etc. Dock Menu Features: XML driven all the positions, sizes and theme colors can be changed inside the XML file supports any image files (png, jpg, gif) also with transparent backgrounds set the component gallery canvas width and height set the thumbs minimum and maximum width and height, when they are small and expanded set the dock menu gallery images space set the horizontal or vertical presentation set the thumb border size and color tooltip thumb option, which can be dynamic or static set the tooltip background color and the text size and color it has an autoplay option for when the mouse leaves the gallery set the autoplay speed

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.

The whole player is basic CSS so you can easily restyle it into anything you want FLASH fallback included for browsers that dont support HTML5 . Highly configurable with basic CSS . Restyle the player completely with CSS Optional playlist Optional autoPlay Random play on/off. Looping on/off. Thumbnail for each song. Tooltips for seekbar / volume. Optional download / link on every song in playlist. Load your own playlist inside the player (example provided!). Google web fonts used. Public methods available.

jQuery flip countdown is a countdown with a nice addition of flipping animation to it. It is easy to customize. It is available in five colors i.e., Black, Pink, Blue,Green and Red. User can easily create new colors as psd files for all images are included in the package. This countdown required jquery version 1.6.4 or above.

HTML5 Photo and Video LightBox - Awesome HTML5 and jQuery lightbox effect, supports images, Flash SWF files, YouTube, Vimeo and local videos, works on Windows, Linux, Mac, iPhone, iPad, Android, Windows Phone and all modern web browsers

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).

HTML5 video background is a simple javascript module that allows you to add video to your site's background with a single javascript call. The script automatically chooses what video format to use and checks if your site is being seen from a mobile device and choose a lower quality video if so. It has also a flash fallback if user system doesn't support HTML5 video tag. Features Included: Simple javascript call. Mobile support. Flash Fallback. .Absolute position (follows site's scroll). Video aspect ratio to normal, aspect, full size or scale view. Maintains aspect ratio and centers video. Background pattern overlay option over the video. Control functions such as pause and play video.

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.

Mugeda is a cloud based HTML5 animation platform, where you can create, share, and publish organic HTML5 animation contents, all in your browser, without any download or installation. The created animation content can be used in a wide range of applications like ads, games, tutorials, cartoons, and can be viewed on any devices including PC, smartphone, and tablets.

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.

One of the most exciting features is the integrated zooming capabilities to load and display videos in a floating “lightbox”. Of course you need to make sure you have a MP4 , WEBM and OGG version of your video file. This will make sure that all major browsers will play the video. In case the MP4 source specified exceeds the maximum resolution/bitrate supported by the iPhone and other mobile platforms, you need to provide a specific version of the video encoded for these mobile devices. Features included: Extremely easy to use. Setup in less than 3 minutes. The javascript file is only 16KB. Capabilities to load and display videos in a floating lightbox. The appearance is fully customizable with CSS . The player can be included multiple times on the same page. There are 5 different themes included. There is support for autoplay. There is support for loop. Double-click video to enter full-window mode. The volume will be saved with local storage or cookies.

Compatible with iOS, Android, and Desktop Browsers. Conveniently uses Flash Player for non-HTML5 browsers when necessary. Protect your audio from being hijacked by using a beep overlay, or another overlay sound. Support for both static pages & dynamic webapps Auto fallback to Flash in Firefox if not using .ogg files. A circular progress meter displays playback position & time remaining. Easily customize the color of the progress meter. HTML5 Audio Buttons are smart, and stop playback when another button starts playmode. Set a default size, and/or use custom dimensions for each button to support multiple layouts, and designs on the same page. Easily customize the play & pause images.