Studio 5
Heuristic evaluation
Perform a heuristic evaluation of untitled.boston following the methodology described in class. Descriptions of issues should use the vocabulary discussed in class, not subjective assessments like "this is hard to use" or "this is confusing". Use the suggested report format from the slides. Going beyond LES, label each issue with one of the categories from either Nielsen's Heuristics) (details) or Tognazzini's First Principles (details).
Learn Flexbox by playing!
- This guide to flexbox cheatsheet is very clear.
Flexbox in practice
Go to this slide and hit open in CodePen.
Your goal is to change the layout of the navigation bar to match the image in the following slide. The bar should have a horizontal navigation with the icon and navigation menu on the left, and the search bar on the right. When you click on the search bar, it should become full width.
Use this cheatsheet for reference.
You should be able to do it with the following properties:
When you are done, submit your codepen here
Learn Grid by playing!
-
This Guide to Grid cheatsheet is very clear.