Variables [Continued from SASS Essentials: Partials] You will notice the above pattern repeated if you look into the VARIABLES folder. The _variables.scss file imports the following partials: _borders.scss _colors.scss _layout.scss _typography.scss Then, if you look in the main style.scss file, you will see the _variables.scss file being imported next. Variables allow us to store information in […]
To begin, please download these files and open the whole folder up in Atom or another editor of your choice. The files are a sample SASS-based project. There’s only 1 HTML file, but there are a bunch of SASS files. The aim of this is to demonstrate a few of the most common, useful, and […]
If you’re a WMDD student, my office, A248, might be a bit hard to find. To get here, go to the A247 Mac Lab. Walk through the lab. Even if a class is going on, it is ok to do that. In the back corner of the lab is a door to room A247a. My […]
First of All… Please download the files for the exercise. In the downloaded archive, there is one HTML file, a folder of images, and a folder of screenshots. For this exercise, you are making a front page of a magazine-style site. There are two designs: one for regular marks and one for bonus marks. The […]
WMADD 4835 Content Management Systems Credits: 3 Room: B014 Contact Info: Kevin McMillan Office A248 604.323.5941 Days & Times: Spring 2018 Fridays: 1230-520 (Spring term runs Jan 02-April 09) Office Hours: Monday 10:00-12:00 SKIP to Class Content This class will cover Content Management Systems, specifically WordPress. Like anything in life, this outline is subject to occasional changes. […]
On some assignments, I will ask you to submit your work in one or two places: mylinux and/or studentshare. mylinux instructions This is a live web server that you can access off-campus. To upload to it, we use SFTP. If you need a review of SFTP, consult this document. The connections details you need are: […]
This exercise is meant to get you thinking about transitions, menus, responsive states, layouts, and as always web typography. First, please download the files you will need. In it, you will build a layout that was used to great effect by the Canadian literary magazine The Walrus. I’ve put in some of the HTML, but […]
We now have a workaround for the Langara network-related issues with respect to MAMP and WordPress. Specifically, we have normally had to download themes or plugins manually—and then install them by copying them to the wp-content/themes or wp-content/plugins folders. Now, however, with a small edit to a configuration file in each site we’re working on […]
For this exercise, please download the screenshot. You will need to use the following: CSS Grid(s) to lay out the page and components Typekit.com to serve a font that as closely as possible matches the Segoe Windows system font (which is not available anywhere except in Windows itself). You will need an Adobe membership to […]
When you think about it, rgb and hexidecimal are not particularly easy to work with. Remembering that this much RED when combined with that much BLUE makes HOW much PURPLE isn’t especially intiuitive. Doing this kind of brainwork in hexidecimal is even more annoying: off the top of your head, see if you can work out […]