background preloader

HTML5 Snippets

HTML5 Snippets

Bootstrap, from Twitter Need reasons to love Bootstrap? Look no further. By nerds, for nerds. Built at Twitter by @mdo and @fat, Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web. Made for everyone. Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!) Code Snippets - Snipplr Social Snippet Repository 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 d0ugal/locache 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