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 […]
Author: km
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 […]
Categories
CSS Grid: Windows 8 Desktop Mockup
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 […]
Categories
The HSL Color Model
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 […]
First, download the required files. Using Firefox for your browser will allow you to use its Layout tab in its Inspector. If you’re at Langara, use the Firefox Developers Edition. The task: In the files you download is a grid-starter-template.html file. For each layout you are to build, duplicate and rename to reflect the layout […]
Categories
Card Interface
Netflix style card interface. Use transitionEnd event JS (see the Wes Bos drum machine exercise). See also his photo gallery for using backticks as an easy way to keep the code he adds to the DOM concise.
Make a Custom Post Type with custom fields. Perhaps model it after PRM?
Get a google webmaster account for your live WordPress site. Write a WordPress plugin that will put the analytics code in the footer (rather than having to edit the footer).
Categories
SSH Security Exercise
Could use mylinux. Good video on Lynda.com on key pairs.
For this exercise, please do the following: get cheap hosting and a domain name (I recommend namecheap for both) install WordPress from the host company control panel set up an Automated Backup solution set up Two Factor Authentication set up a security solution like Wordfence or Succuri install a Security Certificate (I recommend let’s encrypt, […]