HTML5
Resources for anything HTML5 related including HTML5 templates.


Responsive IE6

  • Posted By: Jason Taetsch
  • ...

Older browsers are incompatible with the latest web languages and design standards. They cannot handle the same type of queries that the latest browsers can easily handle. The team at Visualidiot.com put together the Responsive IE6 tool so that users with legacy browsers like IE 5, 6, 7 can visit responsive pages.  The application is especially useful for enterprise users that cannot upgrade their browsing software without permissions from an administrator. The tool resizes the responsive design so it can be displayed properly in an older browser. Simply enter the URL into the address field and Responsive IE6 will take care of the rest.

Circle Hover Effects

  • Posted By: Jason Taetsch
  • ...

In this tutorial, the team at Codrops walks you through how to create stylish hover effects for buttons, images and menu items. Learn how to utilize CSS transition attributes to improve the user experience and highlight dynamic sections or items on your webpage. These features can be especially useful on thumbnails and other site features that often lack visual styling devoted to other elements on your webpage.  Both the necessary HTML and CSS are included to help users quickly implement the hover effects on various development projects.

 

LiveWeave – HTML5, CSS3 and JavaScript Playground

  • Posted By: Jason Taetsch
  • ...

is an interactive tool for programmers, designers and web developers to test out their HTML, CSS3 and JavaScript code in a “What You See Is What You Get” editor before implementing it in a project. The tool supports the latest HTML standards as well as a range of jQuery libraries for both standard and mobile applications. LiveWeave can save you valuable time in the coding process by automatically generating the appropriate sometimes tedious HTML and CSS  tags while you type thanks to useful autocomplete function. Once your satisfied with your work, the live viewer can be set for both horizontal and vertical viewing as well as a full-screen preview mode to experience the complete front-end user experience.

 

Mobiscroll

  • Posted By: Jason Taetsch
  • ...

Selecting values on a form can be difficult for users of tablets and smartphones. That’s why the team at Mobiscroll developed a powerful HTML5 based control option that makes it easy to select values on a touch-screen from a light-weight and customizable control feature.  The Mobiscroll element is especially useful for users to select time, date and values from a list. It even features compatibility for long lists thanks to a built-in scroller box. Mobiscroll is built off of the jQuery language and is compatible with all major mobile and desktop browsers.

How To Make Your Own Video Player on HTML5 Video

  • Posted By: Jason Taetsch
  • ...

One of the best additions to the HTML5 standard is the native inclusion for audio/video and other multimedia elements. No longer are developers limited to the constrains of embedded Flash video players, like YouTube and Vimeo, in order to host content on a webpage. While the HTML5 video-element comes standard with a playback control panel, it appears differently in each browser. The team at Splashnology put together this tutorial to walk developers through the process of creating a dynamic video player for a webpage. The tutorial includes steps for creating unique playback buttons, sound icons as well as a context menu.