Categories
Accessibility CSS UX

Accessibility: Color Contrast

One of the easiest things you can do to ensure that you pages do not present accessibility barriers is to make sure that your text and interface elements have high contrast. The Web Content Accessibility Guidelines (WCAG) give recommendations on ratios representing contrast between light and dark. The ratios are always given as X:1, where […]

Categories
Langara Outlines

WMDD4815 Outline (2019)

WMADD 4815 HTML / CSS 1 Credits: 3 Room: B018 (PC Lab) Contact Info: Kevin McMillan Office A248 604.323.5941 Days & Times: Spring 2019 Mondays: 130 – 420 find my office Office Hours Tuesdays 130-430 SKIP to Class Content This class will cover HTML & CSS design and development, and serve as a prerequisite for the HTML / CSS […]

Categories
Langara Outlines

WMDD4835 Outline (2019)

WMADD 4835 HTML / CSS 2 Credits: 3 Rooms: B014 Contact Info: Kevin McMillan Office A248 604.323.5941 Days & Times: Spring 2019 Tuesdays 930-1220 (Spring term runs Jan 02 – April 18) Office Hours Tuesday 130-430 SKIP to Class Content This class will cover HTML & CSS design and development, continuing on from the HTML / CSS 1 course […]

Categories
CSS HTML JavaScript

Build Tools: npm Local vs Global

One source of confusion when installing node.js packages via npm might be that a lot of instructions recommend installing some packages with the -global or -g flag.   Simply put, installing globally means that we can access the package from any place in your computer’s file system (as long as the place for our global […]

Categories
CSS HTML WordPress

Exercise List 2019 – In Order of Complexity

Hummus Recipe ( HTML semantics ) HTML Paths Exercise ( HTML Paths based on GuitarMania site, also FTP if at Langara ) Fela Kuti Markup & Styling Exercise ( Markup, Images, CSS: b0rders, fonts, gradients, bg-image, text-transform, letter-spacing. Has screenshot. Can be simple or complex. Early in the course, this would take a couple classes. Sublime Formatting […]

Categories
CSS HTML

Fela Kuti MarkUp Exercise 2019

First please download these files. In this exercise, which we will likely do over the course of a couple classes, we are going to mark up a text file with a lot of information about the great Nigerian musician Fela Kuti. Our first concern will be marking up the document semantically—making our choices of HTML […]

Categories
ECUAD Outlines

Intro to Web Design (2018)

Introduction to Web Design Course Number:       CEDA 232 S001 Instructor: Kevin  McMillan Number of Sessions 8 Day and Time Sundays 930-1230 Duration Oct 14 – Dec 09 No class Nov 11 Room B1122 COURSE DESCRIPTION This course explores the many facets of website design and development, as well as some of the ways that the […]

Categories
WordPress WordPress Templates

WordPress Theme Exercise Solution: Metonymic Layout

The Main Layouts Edit the _posts-and-pages file inside site/primary.

Categories
WordPress WordPress Templates

WordPress Theme Exercise Solution: Metonymic Type Styling

Now let’s do some styling of our content. Enqueue the Google Font First, let’s enqueue our site-title font: google’s smokum. Open functions.php and duplicate the line that enqueues the main stylesheet. It should be somewhere near line 120. Then in the duplicated line, change the “handle” (the first argument passed to the function). In order […]

Categories
WordPress WordPress Templates

WordPress Theme Exercise Solution: Metonymic Content Template-Part

Now let’s add a couple more modifications to the content.php template part. The Meta Data If we look at the screenshots of the front page and the single view, we see that the meta information (date and author) is not needed. However, for the Opinions section of the home page, the author name and gravatar […]