Categories
CSS HTML JavaScript

HTML/CSS/JS Exercise: Photon Software 2023

For this exercise, there is nothing to download, except for the screenshots. In the exercise, you will make a single page for an imaginary software company called Photon Software. The page will display details of five apps built by the company. Each app’s details will occupy one panel in the page. Please look at the […]

Categories
CSS HTML JavaScript

HTML/CSS/JS Layout Exercise: The Sally Roonies

In this exercise, you’ll make a single page layout. First please download the starter files. Once you unzip the folder, rename it TheSallyRoonies-YourFirstName-YourLastName. Then download the screenshots. Now, make the HTML, CSS, and JS to make the following page with the following details. A Loom Video demonstration of the task. Fonts Use the system ui […]

Categories
WordPress

Sample Content for Custom Post Type and Custom Fields Demo

For this exercise, which we’ll do in class, please download the following images of famous jazz guitar albums. As well, please download this simple starter theme.

Categories
CSS HTML

Grid-O-Flex 2023 Layout Exercise

In the following exercise you will need to analyze the layouts of the various parts of the page, and then decide whether grid, flex, or a combination of both will give you the results seen in the screenshots and demonstration movie. Downloads First, please download the resources you’ll need: this is a collection of screenshots, […]

Categories
Uncategorized WordPress

Using Duplicator to Deploy to Plesk Hosting Environment

I planned to record a Loom video showing how to deploy with Duplicator rather than All-In-One WP Migration. However, Loom is currently not cooperating. So here is a rough guide how to do it.

Categories
WordPress Templates

WordPress Theme.json Validation & Code Hinting

When editing your block theme’s theme.json file, a very useful thing to do is to add a reference that allows you to validate the data you are creating. This will also provide code hinting. This reference is to a document called a schema. How to Add the Reference If you add the following as the […]

Categories
CSS HTML

Multiple Transition Exercise: Root Design Conference Speaker Page 2023

In this exercise, we will investigate the following things: Please download the starter files we will use for the exercise. A video of the project is available here.

Categories
WordPress

WordPress Configuration Exercise: Kadence Theme & Plugins

For this exercise, you will make a site using the excellent Kadence theme and two related plugins. This exercise will introduce you to: First, please download Next, watch these Loom videos in the order implied by the numbers in their titles. Generating Content (Method One) NOTE: the first two videos in the above series illustrate […]

Categories
WordPress WordPress Templates

WordPress Templates Exercise: I Heart Cities, 2019 COPY

Initial Setup Download Duplicator Site For this exercise, please download the starter files and the screenshots collection, if I don’t distribute them in class. These are big files, so the download might be a bit longer than that for most of the files on this site. Most, but not all, of the screenshots for the […]

Categories
Graphics

Download: NewYork + Berlin City Images Unresized