HTML5
Resources for anything HTML5 related including HTML5 templates.


Hover CSS

  • Posted By: Jason Taetsch
  • ...

CSS3 transitions and animations provide lightweight and smooth animations that enhance user elements and the visual feel of a webpage. Hover.css by Ian Lunn provides over 100 dynamic effects that extends the traditional CSS hover effects including glow transitions, speech bubbles, page curls and many others. The effects are ready to use on nearly any element such as links and buttons or SVG grapphics and images. For the more advanced deployment, the collection is available for vanilla CSS, SASS and LESS.  Hover.css will work great across modern browser environments but not in Internet Explorer 8 and below.

Hovercss

WYSIHTML Editor

  • Posted By: Jason Taetsch
  • ...

WYSIWYG or What-You-See-Is-What-You-Get editors turn the task of creating content for the web out of the hands of professionals and hand it over to everyday computer users. These editors mimic how the entered content will display on the front-end of a website without the use of HTML attributes and tags as well as styling. The WYSIHTML editor is an open source project created by the team at Voog and is compatible with modern mobile devices as well as modern browsers up to IE8. It makes use of the latest HTML5 features to deliver a fast and lightweight experience without the the use of iframes or the use of external libraries like jQuery.

WYSeditor

Disaster-Proof HTML5 Forms

  • Posted By: Jason Taetsch
  • ...

Online forms provide a valuable avenue of communication for visitors to a website. However poorly coded form tables and outside influences like spotty Wi-Fi connections can turn filling out a form into a hassle for users. The Disaster-Proof HTML5 Forms tutorials aims to change all that by walking web-developers through the process of creating stable forms that utilize local storage to store form data even before it is submitted without cookies. The tutorial takes advantage of the new W3C Web Storage API that stores form data on the user side so it can be restored even if the user closes the tab or window.

Base Framework

  • Posted By: Jason Taetsch
  • ...

Nowadays designers and web developers need to prepare their projects not just for a number of popular web browsers, but also for drastically different screen sizes of tablets, notebooks and wide screen desktop displays. The Base Framework by Matthew Hartman gives developers a head start by featuring simple design grid that already features the necessary responsive design elements to comply with an array of different screen sizes. The tool includes bare .PSD grid element for design work, a basic HTML5 template to begin your coding and a minimal style sheet for quick customization.


HTML5 Please

  • Posted By: Jason Taetsch
  • ...

New standards for web languages provide designers and developers with the opportunity to further their skills and unlock new possibilities in their projects. However on the flip side, learning new attributes and discarding now obsolete tags can add significant debugging time to a project. Use the HTML5PLease tool to quickly reference which new attributes are widely accepted in the latest browsers and which ones have yet to be adapted and should be used with caution. The tool also includes information on which prefixes should be used and if the new HTML5 attributes will function properly on mobile or tablet devices.