Using JavaScript, make an HSL color scheme generator with three sliders that the user can use to input values.
Author: km
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.
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 […]
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 […]
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 […]
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 […]
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 […]
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 […]
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
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 […]