First, here is an explanation of CSSshorthands and the CSS box model I made (click for larger version, also handout today).
Today’s topic is Design Principles. Reading is HTML & CSS Chapter 18. The list we will cover is: Alignment, Proximity, Repetition, Contrast, Balance, Proportion, Harmony, Unity, Rhythm and Movement. And speaking of contrast, don't do THIS or for proximity/grouping avoid THIS.
Other ways to think about design:
- For a searchable database of Cool Home Pages visit CoolHome Pages.com
- Grids and technical design from the Yale design group (page ahead to their discussion of grids).
- Digital Web on design principles.
- Design guidelines, more than principles, from psdtuts+
- The last of a seven-part series on Design Principles from Smashing Magazine
- A nice, long page on the principles from Canva
- One more on mistakes to avoid, originally from Visme
Here is the second CSS video, No. 5 in the series, which covers grouped selectors, background-colr, styles the <h1> does the .special class for the <span> and line-height for the paragraphs (you will need a class for that).
Site maintained by John Beatty