A Basic Modern HTML5 and CSS Layout

154 0

In this video tutorial, I will take you from scratch to finish creating an HTML5 and CSS-based modern effective layout. The layout using a trending style you see where each section has a different background color and clearly identifies each part of the page. It uses some simple but effective CSS styles to build the layout and control the look for easy modification. This layout is often seen on product and more recently blog websites.

All you need to follow along and create this page layout is some kind of text editor or IDE and a web browser to view the page. In the video I use

  • Coda 2 by Panic software, allows me to see the layout results in real time next to the code.
  • CodeKit 2 by Bryan Jones, provides me an instant server to serve up the page (this is not needed to make this work but future videos will utilize some of its functionality).