WMADD 4840 Content Management Systems Credits: 3 Room: B015 (Mac Lab) Contact Info: Kevin McMillan Office A248 604.323.5941 Days & Times: Spring 2019 Mondays: 930 – 1230 find my office Office Hours Tuesdays 130-430 SKIP to Class Content This class will cover Content Management Systems, specifically WordPress—by far, the most popular CMS in the world. Here are a […]
In this exercise, you will make a user-sortable HTML table. The table’s contents–a list of Shakespeare plays, with titles, genres, and year of composition—-will be loaded dynamically via JS into the table. We will do this without external libraries, just vanilla JavaScript. First please download this file. It contains an array of objects. Each object […]
For this exercise, please do the following: Read this page about the HSL color model. If you want, keep it open for reference while doing the exercise. Download these files and make a new Atom project (or a project with whatever editor you’re using). Add a stylesheet and put a link to it in the […]
In this exercise, we are going to use a single Emmet equation that will illustrate how powerful the package is. First, please download the sample files. The downloaded folder is called HSLPaletteExercise—StarterFiles. Inside it is a single html file and a folder of images called color-palettes. The images are named sequentially (palette-01.png, palette-02.png, etc). Open the downloaded folder […]
First please download the starter files. The difference between the two is that the first has the javascript written for you, but the second asks you to write the javascript. If you are a Langara Publishing or Emily Carr Intro to Web Design student, please download this one. If you are a Langara WMDD student, […]
ES2015+ JavaScript Flexbox Interactive CheatSheet SASS Cheatsheet Bootstrap Cheatsheet Atom Cheetsheet Bash
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 […]
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 […]
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 […]
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 […]