background preloader

HTML5 Snippets

HTML5 Snippets

Useful HTML-, CSS- and JavaScript Tools and Libraries - Smashing Magazine Advertisement Front-end development is a tricky beast. It’s not difficult to learn, but it’s quite difficult to master. Here at Smashing Magazine, we’re continuously searching for time-saving, useful HTML-, CSS- and JavaScript-resources for our readers, to make the search of these ever-growing tools easier. HTML and CSS Tools HTML Email BoilerplateThis website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there. InitializrThis tool creates a customizable template based on HTML5 Boilerplate. Layer StylesA nice simple tool for creating CSS in an intuitive way — very much like you would do with a graphics editor. Mobile BoilerplateA template that creates rich and performant mobile Web apps. KotatsuA simple HTML table generator that helps you create a table and throw in row as well as column classes quickly and easily. JavaScript Tools Grids Last Click (vf) (il)

JavaScript Kit- Your comprehensive JavaScript, DHTML, CSS, and Ajax stop Initializr - Start your HTML5 project in 15 seconds! html5slides - A Google HTML5 slide template The 2012 version is mobile friendly, touch enabled, and has shiny new features. By Luke Mahé and Marcin Wichary. Demo Instructions for editing slides Get this template: and copy/paste it to a new file on your local computer. Edit at will. If you need styles for different tags or different types of slides, please let us know. Different themes Change the class template-default on section class="slides" to use a different template: template-default = default Google template template-io2011 = I/O 2011 template Different layouts Change the outermost section class layout-regular to layout-faux-widescreen or layout-widescreen. Instructions for presenting Press Enter, space, right arrow to advance; Backspace, left arrow to go back. Enter full-screen mode (F11 or Shift-Command-F) before presenting. Caveats

HTML5 Please - Use the new and shiny responsibly