This exercise will have six sections. You have 1 hour to do it. Setting up a WP testing environment Importing some content Basic site configuration Making a menu Configuring one plugin Packing up your site for transfer to me with Duplicator Here are the files you will need for the exercise. Task One: set up a new MAMP […]
Author: km
Categories
WordPress Site Transfer Lab Exercise
There are a number of ways to transfer a WordPress installation. If you are trying to copy a live site to a testing environment, the easiest way is to do the following: From the live site, go Tools < Export. This will download an xml file that contains the contents of the database: posts, pages, […]
Categories
Langara PRM Teams 2016
Editorial Department Lindsey Risto Michelle Diaz Joanna McDonald ( part time, if needed ) Media Department Celina O’Connor Erin Hughes Jenelle Fajardo-Lavery Anahita Jamali Rad ( part time ) Web Designers Da Sol Yoo Griselda Boquiren Joanna McDonald WordPress Designers Marina Bender Becca Van Dop Julianna Sonntag Nicole Yeh QA Vanessa Gosselin Anahita Jamali Rad […]
The Preliminary Stuff Please go to the following URL: https://kevinmc.ca/web-production/ and look at the page I’ve put up there. If you’re looking at the page in a lab at Langara or Emily Carr, it probably loaded reasonably quickly. Not So For Everybody, Though Inspect the page in Chrome. At the top of the Inspector, click on Network, […]
Categories
Do You Have The UX to be President?
For this exercise, we will divide up into groups. Each group will analyze one of the four contenders for the US Presidency. With each site, what I am interested in is your comments on the User Experience—in whatever way you understand that term. The sites are here: Hillary Clinton Donald Trump Bernie Sanders Ted Cruz Marco […]
Categories
Basic Flexbox Form
For this exercise, you will produce a basic layout and wire up a very basic interactivity. You will code all the HTML & CSS. First of all, download the image you need for the exercise. I am not specifying the font, but you must chose one that looks as close as possible to what’s […]
Finally, let’s figure out what to do with respect to browsers which don’t support Flex—or support it badly. Test In A Range of Browsers First of all, let’s get a screenshot of the likely suspects. Here’s a link to a range of screenshots generated using the crossbrowsertesting.com service. I’m not sure how long these links stay […]
When the user hovers over an icon font, the color of the icon is supposed to change (preferably to a thematically related color, such as the red color we’ve used for the widget titles or the photo accent border). To do this takes only a few lines of CSS: The key here is that we […]
Now we need to hide some stuff. This will largely involve the adding, removing or (better yet) toggling of classes. We’ll use jQuery here. Search for google hosted jquery. For the widest browser support, copy the link to the latest version 1 stream of the jQuery library. Add it as the src attribute to a script […]
The icon fonts component of the exercise stipulated that you had to use icomoon. The reason for this is that you should not just automatically choose font-awesome. There are lots of things you can do with icomoon and similar services—like uploading your own icon files, or generating SVGs, etc—that you cannot do with font-awesome. So go to […]