Categories
CSS

SASS Basics 2018

SASS, Syntactically Awesome Style Sheets, can save you tons of time and stress. Perhaps the main appeal of a CSS preprocessor like SASS is that it allows you to write CSS more concisely, with a lot less of the repetition that comes with “typical” CSS workflows. Preprocessors make CSS more like a programming language, allowing variables, functions, math, […]

Categories
Langara Outlines

publ-1235-web-production-1

Course: Publ 1235 Title: Web Production 1 Credits: 3 Room: A247 (Mac Lab) Term: Summer 2018 Class Days/Times: June 26–Aug 02 (and beyond) Tuesday 500–720 Wednesday 130–520 Thursday 200–520 Office Hours: Monday 130-330 This Section B class is devoted to the production of the online Pacific Rim Magazine. Langara PRM Teams for 2018 are now finalized. Like anything in life, this […]

Categories
ECUAD Outlines

ECUAD Intro To Web Design (4-Day)

A Good Online Guide To HMTL & CSS Shay Howe: Learn to Code HTML & CSS Shaw Howe: Learn to Code Advanced HTML & CSS Content Blocks HTML Text Elements: h1 – h6, p, ul, li HTML Images: img HTML Links: a [relative & absolute] Shared Content: YouTube & Google Maps HTML Sectioning Elements: header, […]

Categories
HTML

Reasons to Improve Your Accessibility

Reasons to Focus on Web Accessibility Your Customers Audience: If more people can access your content or product, more people might buy it. Making your site more accessible to people with disabilities can also help other people: People on Mobile People with Slow Connections Numerous studies have shown that increases in accessibility lead to increases […]

Categories
Tools & Generators UX

Accessibility Resources

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 […]

Categories
CSS HTML

PUBL 1220 Responsive Web Design Task Day

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 […]

Categories
CSS

CSS Font Stacks & Type Sizes

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

Categories
Langara Outlines

PUBL 2016: Courses Overview

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: […]

Categories
WordPress

WordPress Test—PedalMania

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, […]

Categories
WordPress

WordPress Template Tags Lab Exercise

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 […]