Do not build from scratch. Now you have an HTML5 layout template

Original author: Rey Bango
  • Transfer
The love of HTML5 continues to inspire Paul Irish . Firstly, he gave us Modernizr , and now he has teamed up with Divya Manian to create an HTML5 template that uses advanced techniques so that you can start using it in your practice.

It is, in essence, a good starting point consisting of HTML and CSS, offering also a folder structure that works. But created taking into account many years of advanced experience of professionals in the development of the client part. Take a look at the source to feel what is inside. And if you think that this is too much, just delete the excess.

Right from the site, here are some of the features that make this template great:
  • Cross-browser compatibility (yes, including IE6);
  • HTML5 ready. It is possible to use new tags in their entirety;
  • Optimal rules for caching and compression of A-class performance;
  • The best default site settings, based on our practice;
  • Optimization for mobile browsers;
  • Progressive mild degradation of modern capabilities ... yes, it works;
  • Specific IE classes for maximum control of cross-browser compatibility;
  • Convenient .no-js and .js classes for describing feature-based functionality based on styles;
  • Want to write unit tests, but laziness? A fully functional test suite is waiting for you;
  • Javascript profiling ... in IE6 and IE7? Of course not a problem;
  • Setting up Console.log so that you don’t break anything by mistake;
  • You will never have the wrong type of document or markup!
  • Optimal styles for printing, optimized for productivity;
  • Layouts adaptable for iOS, Android, Opera Mobile, and CSS skeleton;
  • IE6 pngfix included;
  • Classes .clearfix and .visuallyhidden for a reasonable and friendly styling;
  • An .htaccess file that allows you to correctly use the capabilities of HTML5 and speeds up page loading;
  • jQuery, hosted on CDN, with local redundancy for greater reliability;
  • Think too much? HTML5 template makes it easy to take away the extra features. :)

Several people say that they have already adapted this HTML5 template for themselves, so it's nice to see it working in live projects. He is a good help.

This project uses the favorite GitHub version control hosting system, so you can take the template from the repository , or download the archive from the site .

Also popular now: