Category Archives: HTML5

New HTML5 Plugins 2013

Towards the Web HTML5 Video Player

1. Towards The Web HTML5 Video Player

Towards The Web HTML5 Video Player gives you the opportunity to add videos to your webpage. These videos can also be displayed on mobile devices. Built with HTML5, this plugin offers a multitude of excellent features, including the ability to save volume level for future visits, a dynamic full-screen mode with support for resizing and support for an unlimited video playlist. CSS functionality ensures that this video player is highly customizable to suit just about any need. This HTML5 Video Player is compatible with all major browsers, with Flash fallback support for older browsers that don’t support HTML5.

Sliding Puzzle

2. Sliding Puzzle

HTML5 is well known for being a medium for simple homebrew games. This extraordinarily simple, yet addictive sliding puzzle game gives your visitors an opportunity to kill a little time in a fun way. Players have access to three puzzle modes: Classic Mode (featuring a five-move penalty for hints), Challenge Mode (where you play against the clock) and Fun Mode (where you simply play for fun with no penalties). Every puzzle is generated at random and you have the freedom to customize both design and settings.

HTML5 Gallery - Banner With Buttons

3. HTML5 Gallery / Banner with Buttons

Here is an extraordinarily flexible HTML5 gallery that can also serve double duty as a banner rotator. Built for PC applications, it is also compatible with iOS and Android mobile devices. But the best thing about this gallery is a multitude of options that are available. These options include over 16 transitions (six feature the “Ken Burns” camera effect), animated description windows, and easily modifiable color theme and skin, custom buttons and the ability to have multiple instances of this gallery on the same page. Completely driven by XML, this HTML5 gallery is exceptionally easy to install and even easier to maintain.

Circular Canvas Countdown

4. Circular Canvas Countdown

Having a countdown clock is very helpful when you want to countdown to a grand opening or special event. Circular Canvas Countdown is unlike any ordinary countdown clock, thanks largely to its unique design created entirely in HTML5. This plugin is especially easy to integrate into your existing webpage and it is also easy to customize. Circular Canvas Countdown features cross browser support and it also works on both iPhone and iPad. There is plenty of documentation to look over for the spectacular plugin and there is even a small example included for further reference.

HTML5 Gallery - Banner with Thumbs

5. HTML5 Gallery / Banner with Thumbs

Very much like the aforementioned HTML5 gallery with buttons, this thumbs-based gallery offers a wide range of features that makes using this gallery so efficient and easy. There are over 16 transitions available, with six of those being the famous “Ken Burns” camera effect. You can also modify the color scheme and skin appearance. It also features support for multiple instances on one page and it is completely driven by XML. Installing and operating this HTML5 gallery is exceptionally easy and there’s plenty of documentation on hand.

Neon Text Effects jQuery Plugin

6. Neon Text Effects jQuery Plugin

Take advantage of the fantastic, eye-catching visual effects available thanks to the Neon Text Effects plugin. Thanks to this plugin, you have the ability to utilize a wide variety of glowing text effects without having to resort to Photoshop, Flash or image files. You won’t have to mess with any CSS files, either – all of these wonderful effects are possible thanks to HTML5 and jQuery. Not only do you have 20 preconfigured effects to choose from, you can also create your own neon text effects. Thanks to the powerful JavaScript API, coding and modifying these effects is surprisingly easy.

Canvas Puzzle

7. Canvas Puzzle

Canvas Puzzle is a clean and straightforward jigsaw puzzle game that demonstrates the advanced features of HTML5. Features include full compatibility with all major browsers and the ability to choose the default number of pieces. Another amazing feature of this HTML5 game is the ability to use any image as a puzzle – all you have to do is drag and drop an image onto the screen and it automatically becomes a new puzzle. Canvas Puzzle offers support for an infinite number of puzzle pieces as well as page redirects upon solving the puzzle.

Earth Viewer

8. Earth Viewer

The world is a pretty big place, but this plugin lets you see the entire world in the form of an interactive 3D globe with spin and zoom capability. Users can spin, rotate and even zoom in to any region and location on the globe using a powerful HTML5 and JavaScript functions. You can also define specific points of interest and include a light box that features more information about these locations. Earth Viewer features over 30 configurable options and it’s also compatible with today’s popular browsers. All it takes is one line of code to integrate this useful plugin into your existing website.

jQuery Canvas Effects Plugin

9. jQuery Canvas Effects Plugin

Add special effects to your images with the power of HTML5. The jQuery Canvas Effects Plugin gives you the ability to add over 25 effects to any image of your choice. These effects include black and white, vignetting, lomo, vintage and much more. You can even blend several special effects together to further enhance your images. These image modifications take effect immediately. This plugin is exceptionally easy to use and it only takes a single line of JavaScript and a few lines of CSS to make it all work.

QR Encoder JS Library

10. QR Encoder JS Library

This JavaScript library gives you the ability to generate your own QR codes for just about any use. Editing is done completely in the client, so you won’t have to rely on server side libraries or have Internet access just to modify and customize QR codes to your liking. Upon creating your QR codes, you can have them exported via PNG image or by SVG. QR Encoder JS Library includes exceptionally detailed documentation along with several usecase examples.

HTML5 Canvas Cover Flow

11. HTML5 Canvas Cover Flow

HTML5 Canvas Cover Flow offers a unique way for you to showcase images on your website. This photo gallery offers a 3D presentation that not only looks professional, but it also runs smoothly as well. HTML5 Canvas Cover Flow is optimized for all of the major mobile devices, plus it allows you to operate it just like you would a native app. Hardware acceleration allows this photo gallery to run at lightning speed. There are plenty of customization options that can be easily modified in the included XML file.

 

12. Edge HTML5 Audio jQuery Plugin

Edge HTML5 Audio jQuery Plugin is a simple and lightweight audio player that allows your visitors to listen to music hosted on your website. This plugin features an animated playing indicator along with support for MP3, OGG and WAV audio formats. All you need to do is include an tag in your source code and call on the script to get it up and running. It also includes two additional themes as well as the tools necessary to create your own. In all, this is a very simple yet versatile audio player that should be in any developer’s toolbox.

jQuery Gradient Creator

13. jQuery Gradient Creator

If you’ve ever wanted to create your own gradients in a simple, but powerful way, this jQuery plugin gives you the opportunity to do just that and much more. jQuery Gradient Creator allows you to create your own gradients quickly and effectively using smart parameters and methods. This plugin features unlimited gradient points for an amazing array of possibilities. It loads up fast and features exceptionally fluid usage with no server files to worry about. jQuery Gradient Creator also includes the colorpicker plugin and jQuery-ui libraries for extended functionality. This plugin also allows you to customize as well as generate and export in CSS.

HTML5 Canvas Carousel

14. HTML5 Canvas Carousel

Optimized for mobile devices including the iPad and iPhone, HTML5 Canvas XML Carousel delivers a stunning way to display all of your favorite images. This plugin provides a stunning 3D presentation that looks absolutely dynamic and professional. Since this plugin is optimized for mobile devices, it also features native touch, drag and rotate features, making this plugin feel exactly like a native app. Thanks to hardware acceleration, HTML5 Canvas XML Carousel also features the amazing performance you’d expect from a high-quality HTML5 plugin

2013’s Most Popular HTML5 Plugins

Let’s face, plugins just make our lives easier. You know this, we know this – and we love helping out! Check out the following list of 2013’s most popular HTML5 plugins…all designed to with ease in mind:

HTML 5 AJAX Contact Form

1. HTML 5 AJAX Contact Form

One of the most popular HTML5 plug-ins is this AJAX contact form. This elegant and simple solution allows visitors to get in touch with you in a simple and elegant manner. This fully validating form features the latest in HTML5 code and CSS3 animation, creating a unique form that not only functions perfectly, but also looks great. With jQuery functionality and anti-spam verification, the HTML 5 AJAX Contact Form offers everything you want from a contact form.

CCSlider - jQuery 3d Slideshow Plugin

2. CCSlider – jQuery 3d Slideshow Plugin

Great for photographers, artists and just about anyone who wants a stylish and fully interactive slideshow gallery, CCSlider offers an amazing way to show off photographs and other media. There are 14 absolutely stunning 3D transitions and 16 amazing 2D transitions to choose from, all powered by jQuery and HTML5. There is also a 2D transition fallback specifically designed for older browsers that are unable to support HTML5 Canvas. CCSlider offers unparalleled control over your HTML 2D and 3D slides. You can control the number of slices used for 3D effects, add shadows for “Cube” 3D effects, add captions with animated transitions and much more.

HTML5 Ajax Contact Form With Google Maps

3. HTML5 Ajax Contact Form With Google Maps

This simple HTML5 contact form offers a small Google Map to the right of the screen, giving your visitors the opportunity to locate your business as they contact you for inquiries and other information. This amazing AJAX-powered plug-in utilizes HTML5 form inputs that work great on older browsers, with client-side and server-side validation that works even if your viewers do not have JavaScript enabled. When combined with HTML geolocation, the Google Map lets your visitors find out exactly where you’re located with quick and accurate directions that are easy to follow.

MusicBox - HTML5 Music Player

4. MusicBox – HTML5 Music Player

Keep your website fresh and interactive with this fun and stylish online music playlist. MusicBox allows you to create and locally host a playlist of your choosing in a slick and sophisticated user interface that visitors will love. It uses the latest in CSS3 to create an imageless app that’s capable of playing your favorite songs. It also features an audio tag with flash fallback to ensure functionality in older browsers. MusicBox pulls metadata from each music file, from song titles to album covers, to supply a fully immersive listening and viewing experience. The only caveat to MusicBox is that it requires mp3 and ogg files for each song.

HTML5 Audio Player with Playlist

5. HTML5 Audio Player with Playlist

Here is another HTML5 music player that is extraordinarily powerful and versatile. The HTML5 Audio Player with Playlist offers a fun way for visitors to listen to music on both desktop and mobile browsers. This audio player is capable of playing podcasts as well as tracks and user favorites from SoundCloud, in addition to locally stored music files. HTML5 Audio Player uses jScrollPane to power its playlist scroll. CSS support gives you the opportunity to completely transform the look of HTML5 Audio Player to your liking. That means HTML5 Audio Player can take on just about any design and any color. Best of all, it features a Flash backup that is especially useful for older browsers that are unable to support HTML5 elements.

Easy Video Background

6. Easy Video Background

Easy Video Background gives you the ability to add video to the background of any website using a simple JavaScript module, along with support for mobile devices and Flash fallback. With a single JavaScript call, Easy Video Background automatically selects the video format and loads the video without any hassles. It also detects when the website is being viewed from a mobile device and chooses a lower quality video for easier viewing. Viewers can control the background video using convenient controls. Easy Video Background’s Flash fallback comes in handy if the user’s system does not support HTML5 video tags.

HTML5 Video Gallery with Live Playlist

7. HTML5 Video Gallery with Live Playlist

Here is an exceptionally versatile video gallery that features fully functional HTML5 and JavaScript, as well as Flash fallback for older browsers. Compatible with both desktop and mobile browsers, HTML5 Video Gallery with Live Playlist offers a unique and seamless video gallery that features support for YouTube videos and playlists as well as optional deeplinking with jQuery address. HTML5 Video Gallery’s live preview feature allows users to automatically play video whenever they rollover any playlist item. It also features support for automatically generated video thumbnails as well as simple image thumbnails. With video looping, auto hide controls and video autoplay, HTML5 Video Gallery offers a plethora of advanced features that make watching videos on any website a pleasure.

CCGallery - HTML5 Multimedia Gallery

8. CCGallery – HTML5 Multimedia Gallery

Similar to CCSlider, CCGallery offers an exquisite gallery browsing experience that offers the best in HTML5 design. In CCGallery, you can switch between Coverflow and Thumbnail modes, depending on your personal preference. You even have the option of switching between the two as well as selecting which mode you want loaded first. Coverflow also uses CSS 3D Transforms for spectacular special effects and smooth animations, with HTML5 Canvas used as a fallback in unsupported browsers. Included Mediaelement.js gives CCGallery the ability to fallback to Flash or Silverlight for viewing by older browsers. This multimedia gallery is the perfect solution for displaying portfolios, photography and other works. You can even embed YouTube and Vimeo videos for unparalleled versatility.

HTML5 Video & YouTube Background

9. HTML5 Video & YouTube Background

HTML5 Video & YouTube Background is exactly what it says – a video background that plays locally hosted videos as well as YouTube videos in the background of your website. HTML5 Video & YouTube Background is also optimized for mobile devices, providing equal viewing experiences for desktop and mobile visitors. Not only does it feature support for YouTube video ID and playlist ID, it also offers automatically generated video thumbnails and optional deeplinking with jQuery address.

HTML5 Blue Video Gallery

10. HTML5 Blue Video Gallery

If you’re looking for a video gallery that works just as well on mobile devices like iPad and iPhone as it does on desktop browsers, then HTML5 Blue Video Gallery has exactly what you’re looking for. Powered by HTML5, it offers a wide variety of advanced features to create a one-of-a-kind viewing experience. For instance, uses LocalStorage to remember where you had the volume last set. When you close the page and open it back up again, the video volume is right where you had it last. This gallery is designed to work with all major browsers, plus it offers fallback support via Flash for older browsers, including Internet Explorer 6. HTML5 Blue Video Gallery offers plenty of support for audio files and images, plus it is capable of streaming feeds from YouTube, Vimeo and other video providers.

Uploadrr - HTML5 File Uploader

11. Uploadrr – HTML5 File Uploader

This superb uploader features a variety of features that make it extraordinarily easy to use as well as easy to manage. Uploadrr relies on the power of AJAX for file uploads via the HTML5 FileAPI. Features include the ability to drag and drop files onto the uploader, as well as the ability to select multiple files. It also features stylish and informative progress bars, excellent error handling and support for older browsers. Uploadrr offers fantastic support on all major browsers and is also usable on browsers that don’t offer support for HTML5 or CSS3.

HTML5 Video Player with Playlist & Multiple Skins

12. HTML5 Video Player with Playlist & Multiple Skins

This feature-packed HTML5 video player touts itself as the only one that is completely compatible with Android mobile devices. It also works on a variety of other mobile devices, as well as on desktop browsers. You get your choice of five skins for each player, selectable by setting the “skin” parameter. You can also use multiple instances of the same video player on the same page using either the same skin or different skins. It also features support for full-screen viewing and autohide on mouse out, giving viewers the opportunity to see the entire movie unhindered. HTML5 Video Player with Playlist & Multiple Skins is easy to set up and also has a relatively lightweight footprint.

HTML5 Fullscreen Gallery

13. HTML5 Fullscreen Gallery

Here is yet another HTML5 image gallery, but this one stands out by offering a full screen. This gallery’s full screen capabilities makes it perfect for professional photographers as well as anyone else who wants to display their best images in full-screen mode. Completely HTML5 compliant and run on jQuery, this gallery features search-engine-friendly markup, Web fonts and always maintains the correct aspect ratio whenever the browser window is resized. With a beautiful piano score playing in the background, your visitors will always feel calm and catered to with this remarkable HTML5 plug-in.

JQuery Html5 Video Player

14. JQuery Html5 Video Player

As its namesake suggests, this video player relies on jQuery JavaScript library. Not only does it feature a wonderful user interface that is remarkably easy to use, it also comes with support for a wide range of features. These features include full-screen mode, video preloading, video loops and support for iPad, iPhone and iPod Touch. JQuery Html5 Video Player offers an extraordinarily light footprint and doesn’t require any browser plug-ins to run.

Universal HTML5 Audio Player

15. Universal HTML5 Audio Player

This versatile audio player offers a wide range of functionality for Android, iOS and desktop browsers. The Universal HTML5 Audio Player also features convenient Flash Player fallback for browsers that don’t support HTML5. Sound overlays are another unique feature that helps protect your audio from being hijacked by other sources – you can use a beep overlay or use another sound.