The Veil of Ignorance To understand why a designer or developer must always consider accessiblity, read this short article. It is brilliant. A Good Introdution to Accessibility Invision Guide to Web Accessibility Contrast Levels The WCAG 2.0 AA recommendation for minimum contrast between foreground and background colors is 4.5:1. This contrast ratio analyzer allows you to […]
Task 1 Guitarmania RWD Pt 2 When done task 1, show it to me. You can do this task in your original groups. Task 2 Download Gibson vs Fender Exercise 2, consult the screenshots, and build the page. The index page is more or less already marked up for you. Do this task on your […]
As suggested by Chris Coyer on CSS Tricks. Classic Typographic Scale: 6 7 8 9 10 11 12 14 16 18 21 24 36 48 60 72 96
Here is a basic breakdown of the rough thematic concerns of the three web classes in the Publishing program this summer. PUBL 1220: WEB DESIGN FUNDAMENTALS HTML & CSS Basics Web Typography Hosted Fonts / Layout Graphics for the Web Responsive Web Design Mobile First Tables, Forms, Integrating JavaScript PUBL 1230: ADVANCED WEB DESIGN Production Efficiency: […]
In this exercise, you will make a responsive WordPress-based site about guitar pedals called PedalMania. You can use any resource: the internet, your notes, past work. You may not talk. You will use the Underscores starter theme. Please download the sample content. Set up a new MAMP project with an underscores theme, import the images, […]
If you need help with any part of this exercise, consult the WordPress Codex documentation on template tags: https://codex.wordpress.org/Template_Tags REVIEW TASKS Make a new WordPress site in a testing environment. Download the sample content. Into that new site, import the content. If you’re not at Langara, click “Import Attachments.” If you are at Langara, you […]
Set Up A New Site Install a new MAMP-based WordPress site, in a folder called jazz-icons. Give the site a title of Jazz Icons and a tagline of The Giants of Jazz. Install the ZeeBizzCard theme. Import Some Content Download the sample content. In the zip file you download will find a WordPress export file. Import that content […]
Web Designers Maggie Jamie Kayley WordPress Designers Christine Brendan Max Editorial Estrella Cathlin Nicole Taylor Code Purity / Print Ella Simone Graphics Stephanie Halley Trista Promotions Julio Ada Marley
This exercise follows on from the first part of the Guitar Mania web design exercise. Our client has decided she wants some revisions to the design. Go to the following URL and look at the page that is there: https://kevinmc.ca/guitarmania2014. Your task in this exercise is to take what we did in the previous one and […]
If you need a review of how paths work before doing this exercise (or if we haven’t covered them in class yet), you can find one here. To begin, please download the files you will need for this exercise. When the zip file downloads, unpack the archive (double click on Mac, right-click on Windows). This will leave […]