Focusing on the building of responsive web layouts and an introduction to your final project. Lecture slides will be made available on the day of the lecture (Nov. 4).
CSS exercise problems
I will send out 'common problems' that came up with the CSS exercises in an announcement next week.
Build up from the basics
The layering of progressive enhancement
- Content: Ensuring that the basic content works (clean, semantic, HTML)
- Styling: Applying styling and testing across devices (caniuse? + CSS)
If I cannot read it, I will not stay on the website.
Playful text is fun, but please remember that we need to be able to read the words that we are looking at. That means high-contrast and clear type is essential.
Readability of a 'Web-page'
Let's take a look at the readability below the fold of the web-page.
If it looks like an ad, I will not see it.From Banner Blindess Findings (NNGroup)
If it doesn't explain what it does, I fear the result.
Elements of Responsive Design
The pieces you need:
- Relative units
- Fluid grids
- Media queries
Parent & Child Elements
Points on Breakpoints
Where and when should our web layout collapse?
- Let your content decide
- Use relative units (always)
- Grids are your bestest friends
- Avoid an absolute process
The project brief and approach has shifted somewhat. I realize this may cause some frustration.
Let's talk about it.
Next lecture is support week. For the lecture you will be given an opportunity to voice what you would like covered or re-covered. Please ask any and all pending questions to the online quiz.
A lecture for answering any lingering questions you have about the final project, HTML, or CSS.