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).
CSS layout
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.
The following properties and pseudoclass may be useful:
When you are done, submit your codepen here
Learn CSS layout by playing!
HW4 Critique & Feedback
We have curated a few representative CSS demos to discuss