First, please download the images we’ll need for the exercise. In this class demo, we will explore the use of the SRCSET and SIZES attributes of the IMG tag. These allow us to deliver optimally-sized images for different screen resolutions and pixel densities. We will then move on to an examination of container queries. Think […]
Author: km
For the this exercise, you need to do the following steps: Watch A Movie First, watch this Loom movie to get a sense of the exercise. Then download and examine the screenshots. Site Setup In your theme, you will need to make the following templates: You do not need to worry about other template files […]
In this exercise, you will focus on CSS Transform, Transition, and Animation properities. First of all, please download these starter files. Next, download the screenshots. Finally, study this Loom movie on how the page needs to behave. If this a test, you may use the Internet or your notes, but you may not communicate with […]
Please download the starter files. In this exercise, which we will do in class, we will examine how three kinds of positioning work:
Categories
WordPress FSE Exercise: The Bomb
First please download the starter content. Then please download the additional graphics files. Finally, please download the screenshots. The starter content is a Duplicator package. Install that and then import the additional graphics files into the media library. Now install and activate the Create Block Theme plugin. Now watch this video on how to use […]
First, please download the starter files and open them as a project in Visual Studio Code. And here is a link to a video demonstrating what we will build. And here is a full video series that goes through everything we will do in class, and probably more. Topics Covered:
In this exercise, you will configure a WordPress classic theme to make a website called Doppelgänger. If this is a test, the marks breakdown is included with each section. If this is just a weekly exercise, the mark is out of 1, as usual. First please download: Project Setup Do not upgrade to the paid […]
In this exercise, which we will typically do in class, we will examine some advanced grid properties, including grid-auto-flow and subgrid. Please download the starter files and open them up in Visual Studio Code (or whatever other code editor you use),. The supplied project files include an html file and a partially-completed stylesheet. In the […]
For this exercise, we are going to make a website that looks like this: First, please download the necessary image and text files. Unzip the file and then rename the folder to yourname-gibson-gallery. Inside this folder is an images folder, and a textfiles folder. Inside the text files folder are six text files. Open this folder as a […]
In this exercise, you will practice your CSS Grid skills, as well as create a harmonious color scheme for your site. First please download the starter files. This will contain the images and the screenshots of the exercise. Once you’re unzipped that package, rename the folder to firstname-lastname-guitarmania2024. And here is a Loom movie describing […]