background preloader

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.
HTML5 Boilerplate homepage HTML5 Boilerplate documentation: Getting started Usage — Overview of the project contents.FAQ — Frequently asked questions, along with their answers. The core of HTML5 Boilerplate HTML — A guide to the default HTML.CSS — A guide to the default CSS.JavaScript — A guide to the default JavaScript..htaccess — All about the Apache web server configs (also see our alternative server configs).crossdomain.xml — An introduction to making use of crossdomain requests.Everything else.

https://github.com/h5bp/html5-boilerplate/blob/master/doc/TOC.md

Related:  HTML5 Development

Create offline Web applications on mobile devices with HTML5 Introduction The use of Web development in mobile applications is an increasing trend. However, intermittent network availability is a big obstacle to using Web technology as part of a cloud infrastructure. A traditional Web application simply doesn't work without a network. One solution to this problem is to use two features of the HTML5 Standard (see Resources): Offline Web applicationsClient-side database storage 6 Things I Learned About Print Stylesheets From HTML5 Boilerplate Print stylesheets can be a pain if you don’t know what you’re doing. Before you even approach one you need to make sure to do some solid research into how to go about it. Today we’re going to help you along by first discussing the conceptual considerations that you need to keep in mind when creating a print stylesheet. Then we’ll dive into some code from the famous HTML5 Boilerplate to see some modern solutions for addressing the problems that arise when printing from the web. Where Web Design Meets Print The web and print are two fundamentally different beasts.

An Open-Source, HTML5 Framework for iPad E-books A group of Italian developers has just released a free and open-source framework for creating e-books for the iPad. The Baker E-book Framework allows designers and developers to turn fixed-width HTML5 pages into an e-book format and publish the finished product. After that, all you need to do is follow the App Store submission guidelines, and you're on your way to e-book greatness. To design for the Baker Framework, simply build HTML5 pages with a fixed width of 768 pixels. You can test your HTML versions on an iPad using the Safari browser and iterate accordingly. Don't own an iPad?

HTML5: Edition for Web Authors This document is a strict subset of the full HTML5 specification that omits user-agent (UA) implementation details. It is targeted toward Web authors and others who are not UA implementors and who want a view of the HTML specification that focuses more precisely on details relevant to using the HTML language to create Web documents and Web applications. Because this document does not provide implementation conformance criteria, UA implementors should not rely on it, but should instead refer to the full HTML5 specification. This document is an automated redaction of the full HTML5 specification. As such, the two documents are supposed to agree on normative matters concerning Web authors. However, if the documents disagree, this is a bug in the redaction process and the unredacted full HTML specification takes precedence.

HTML5 localStorage() – Part Three « PaperKilledRock.com 11 May You should now have a good idea of how you can use localStorage yourself. However I promised we would create a simple html5 web app and thats what we are going to do. An Unofficial Guide to the HTML5 Boilerplate The HTML5 Boilerplate describes itself as “A Rock-Solid Default for HTML5” this is why we thought it would be useful to dive right into it and look at just what makes it such a great “base HTML/CSS/JS template for a fast, robust and future-proof site“. Getting The Code The latest version of the code itself can be found at html5boilerplate.com, where you can download the latest commented or un-commented builds. If you scroll down a bit there’s also a well-highlighted version of the code which makes it really easy see just what it’s up to. Getting Started – index.html

Coding An HTML 5 Layout From Scratch - Smashing Coding HTML5 and CSS3 have just arrived (kinda), and with them a whole new battle for the ‘best markup’ trophy has begun. Truth to be told, all these technologies are mere tools waiting for a skilled developer to work on the right project. As developers we shouldn’t get into pointless discussions of which markup is the best. HTML5 enabling script 7 Jan Since HTML5 is getting more attention by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as <article>, is to use the HTML5 shiv, I’ve quickly put together a mini script that enables all the new elements. Download html5shiv.js and must be inserted in the head element (this is because IE needs to know about the element before it comes to render them – so it can’t sit in the footer of the page, i.e. below the elements in question).

HTML5 Canvas Cheat Sheet There are cheat sheets for just about anything out there but I couldn't find one for the HTML5 canvas element, so I decided to do something about that, mostly for my own sake but if other people find it useful that's just all the better. The information is pretty much just a copy of what is found in the WHATWG specs, just condensed and hopefully a bit easier to read. There are virtually no explanations, however, and no examples other than some graphics for compositing values and a few other things (the appearance of which is very much inspired by those found in Mozilla's examples). So, it's basically just a listing of the attributes and methods of the canvas element and the 2d drawing context.

Home - HTML5 & CSS3 for the Real World By Alexis Goldstein, Louis Lazaris & Estelle Weyl Powerful HTML5 and CSS3 techniques you can use today. Why should you learn HTML5 & CSS3?

Related: