[Continued from SASS Essentials: Variables] In the MIXINS folder are two interesting mixin-containing partial files. Mixins work like FUNCTIONS in other languages, allowing us to pass in values, process them in some way, and then return a value for use. Because these are in a partial, however, I still need to import them. Here I […]
In this exercise, make an attractive, responsive form with the following qualities it asks the user for their name, as a required element it asks the user for their email, as a required element it asks the user for their phone number, as an optional element it asks the user for their comments, as a required element it asks […]
This Loom code-along exercise will involve CSS Blend Modes, CSS Transitions, CSS Animation (just a bit), Advanced Form Styling, and a bunch of JavaScript. The Loom video series can be found here. In this series, we will making a page to demonstrate the effects of CSS Blend Modes. A more complex but similar example is […]
Other Values If enqueueing scripts (or local stylesheets), it is a bit more complicated, but it’s learnable. All URLs in WordPress are absolute, not relative, so when the theme is installed at a new domain, WordPress needs to figure out the path to resources, starting with the https://domain.com/ part. If you look at the script […]
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: […]