Categories
Exercises in Development

JavaScript: HSL Color Scheme Generator

Using JavaScript, make an HSL color scheme generator with three sliders that the user can use to input values.

Categories
Exercises in Development

SASS: HSL Color Scheme

Using SASS, make a HSL color scheme generator. It must create a CSS color scheme that’s visible on the page.

Categories
WordPress

WordPress Major Plugin Exercise

In this exercise, please make a new WordPress installation in MAMP and install the following plugins: Contact Form 7 Polylang YARPP (Yet Another Related Posts Plugin) Contact Form 7 Make a page called Contact and put in it a Contact Form 7 form with the following features: The form is put into DEMO MODE (so you’re […]

Categories
CSS HTML

Flex Layout Exercise – Redunzl 2018

This exercise primarily focusses on the use of the FLEXBOX css module for layout. It should also reinforce your understanding of the use of multiple backgrounds. First, download the starter files and screenshots. Since this is an exercise, I have not sized the images down to the final size I would use them at. In a production […]

Categories
CSS HTML

Midterm: WordPress Theme Mockup Exercise 2018

In this exercise, you will build a mockup of the first page of a magazine-style WordPress theme called Midterm.  It will look more or less like this, but consult the screenshots that you will get shortly, because the design has changed a bit. Download the starter files here. The Task Build the layout as close […]

Categories
HTML

HTML Formatting Exercise – Hummus Recipe

For this exercise, please download this file. The download is a zipped folder containing a single text file. The file contains a recipe for hummus. Inside this folder, make a new HTML file and copy into it the hummus recipe. Imagine that you have a website called Recipe Depot. Your job: add HTML tags that […]

Categories
WordPress

WordPress Homework Exercise: Development Environment Installation

On your home computer (Mac or Windows), download and install a testing environment. If you want to use exactly the same setup as we do in class, download MAMP. It is available for Mac and Windows. MAMP is quite reliable, particularly on Mac. On Windows, it’s less reliable. If you have trouble with it, try […]

Categories
CSS HTML

Flex In A Nutshell

The exercise will focus on the essential points of the FLEXBOX CSS module. It won’t have anything design-related—just pure css layout concepts. To begin, make a folder, set it up as a new Atom project, then make an index.html file with a single unordered list with 15 list items, each holding one single-word link. Now […]

Categories
ECUAD Outlines Langara Outlines

Course & Subject Supporting Material 2018

In this page, I’ve collected a range of support material for my courses. Rather than arrange them by course, I have arranged them by subject and/or media, as the material spans a range of the classes I teach. Lynda.com Videos

Categories
WordPress

MAMP: Setting up a Test Server

If you’re going to do any WordPress work— indeed, even if you want to just test plugins, themes, etc before deploying them to a production site—it will serve you well to learn how to set up a testing environment on your own computer. That way, you can experiment or test things without worrying about breaking […]