This exercise is for you if you want to review how to use the grid display property, as well as to use the mobile-first authoring method effectively. If you have not used grid before, it would be better for you to do the step-by-step version of this exercise: it will take you through building this […]
Author: km
Categories
WordPress: How To Move a Site
First, please download these files. You will use them shortly. Static vs Database-Driven Sites Moving a site made up of static HTML files is an easy task, involving a simple copy operation. It’s typically enough to just move the project folder to another computer or another server. Moving a database-driven site, on the other hand, […]
Categories
WordPress Gutenberg Blocks Exercise
For this exercise, choose two cities that you enjoyed visiting. Or choose two that you want to visit. Choose famous cites so that it’s easy to find images of them. Note: some screenshots show three city names. They were produced for an earlier version of the exercise which required three cities. Get Some Images & […]
Categories
Useful Tools 2020
Omatsuri: tons of useful utilities like CSS triangle generator, gradient generator, color shades generator, svg compressor, fake data generator, symbols collection, css cursors, javascript event keycode values, pokemon ipsum, etc. Tiny-Helpers.dev: massive collection of single purpose online tools for devs. CSS Shadows Generator: like using Illustrator, but for box-shadows Cubic-Bezier.com: for custom css animation or […]
Please make a menu like the one contained in this video. Click in the bottom right to watch full screen: that will make what I’m looking for here more clear, and will remove the extra spacing this Loom player embed seems to want to add for some reason. Please make sure that your file has […]
The goal of this exercise is to hone your ability to use WordPress conditional tags. They are easy to learn, but they give you great power to make concise themes. For information on conditional tags, here are two resources: Starter Files Please download the new screenshots package and the starter files (choose which php version […]
Copy the following snippet of text into Visual Studio Code: Now, figure out the most most efficient way to turn this data into a table with the following characteristics: There are four columns. The first row of the snippet has the table headers. Each table header begins with a capital letter. The table has this […]
First, please download the required files. In this exercise, you will make the front page of a responsive website. As always, use a mobile-first approach. There will be three responsive states: phone, tablet, desktop. Screenshots are provided with the downloaded files. You will write all the HTML & CSS. The Main Article Each paragraph in […]
A Series of Short Videos I have posted a series of short videos about Emmet on the Loom video cloud hosting service. This service is new, so it’s missing a few common UI features, including the ability to sort the videos. As a result, they are presented by default in reverse chronological order: exactly backward […]
The final assignment of the class is worth 50% of the course mark. Typically in this course, students have made portfolio sites using WordPress child themes that they write. If you wish to make a site of some other content, get in touch and we’ll discuss the idea. A child theme piggybacks on the functioning […]