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