- White space - allowing the content (and your visitors’ eyes) room to breathe
- Boxes, borders & graphical planes - Segmenting the information into visual categories
- An intuitive search method - Letting your users jump straight to the info they need
- Grids - Although not always necessary for comprehension, keeping content within a rigid, consistent structure helps reduce the effort required to process it
- Strong information hierarchy - Establishing a consistent design language using content types (blurbs, excerpts, call to actions)
- Visual hierarchy - The relative importance of different content areas and elements can be visually implied in many ways, ranging from typographic treatments (headlines, sub-headings, pull-quotes, etc.), to image sizes and saturation, placement, etc.
What is HTML 5?
Most of the big names in browser technology decided to implement quite a lot of the new suggested updates (specifications) put forward by the W3C. These specifications are commonly known as HTML 5. In practice, this means implementing features like HTML Video and audio directly into the browser, as opposed to needing a 3rd party plugin like Adobe's Flash. Another exciting update is something called the Canvas tag. This allows you to create quite sophisticated animations and graphics using Javascipt, again without needing a 3rd-party plugin.
There are a whole lot of new HTML tags that take browser technology forward into the 21st century. Throughout this course, we'll introduce you to the essential HTML 5 tags that you need in order to create a modern web page.