Prototype, Process, Play

Prague College Workshop (November 27, 2019)

• Demos
  • Preview → 01-wireframe-prototype-css-grid-layout
  • Preview → 02-style-tile-css-grid-layout

Inspiration

Practical CSS Grid Layout use cases.

• Print to CSS
• Inspired Design Decisions: Avaunt Magazine
• Inspired Design Decisions: Pressing Matters
• Inspired Design Decisions: Ernest Journal
• Inspired Design Decisions: Alexey Brodovitch
• Inspired Design Decisions: Bea Feitler, An Unstoppable Creative Force

Text Editors

Pick your flavor:

• BBEdit (Made in Massachusetts, USA — but Mac only)
• WebStorm (Made in Prague, Czech Republic)
• Visual Studio Code (MS Kool-Aid)

Browsers

Fight browser monoculture:

• Firefox Developer Edition (Awesome Inspector for CSS Grid Layout and learn with their CSS Grid playground)
• Microsoft Edge

GitHub

Version control, collaboration, and publishing for free.

• Git for Designers
• How to get your website online easily with Github
• Steps for Hosting a Website on GitHub

Awesome Design Tools

• The best design tools and plugins for everything