Skip to content

A summer review project to practice modular grids, typopgrahy & design.

Notifications You must be signed in to change notification settings

ltw-summer-reviews/uniforms-interactive-wireframe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 

Repository files navigation

Uniforms interactive wireframe

A summer review project to practice modular grids, typopgrahy & design.


Details

  • Approx. completion time: 3 hours
  • Deliverables: 6 HTML files, 3 CSS files
  • Typografier: Default settings
  • Gridifier: Default settings, except medium needs 6 columns
  • Typefaces: Georgia, Coda

With the wireframes provided, create all the pages of the website using modular typography, responsive grids, and modular design ideas.

Concentrate on digging into all the features that the grid and type systems have to offer.


Checklist

  • ❏ Page designs match the wireframes for all screen sizes.
  • ❏ Responsive grid system used.
  • ❏ Modular type system used.
  • ❏ Properly set up for all devices.
  • ❏ HTML & CSS properly validated.
  • ❏ Has lots of detailed commits.
  • ❏ No empty or “Untitled” <title> tags.
  • ❏ No extra, unused files in the repository.
  • ❏ Folders organized properly.
  • ❏ Files & folders follow naming conventions.
  • ❏ Code files properly indented.
  • ❏ Set up as a hosted GitHub repository with gh-pages.

Relevant tutorials & tools


Asking for help

  1. Ask someone else from class if they’re available.
  2. Create an issue on GitHub Issues inside your repository; tag me, @thomasjbradley, in the issue and I’ll respond there. I may not be as fast, because it’s the summer, but I’ll definitely respond.

Licenses & copyrights

☛ Refer the the license & copyright statement

About

A summer review project to practice modular grids, typopgrahy & design.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published