For this exercise, I want you to follow along with an extended video series on how to write WordPress themes. This series will take you through a lot, so don’t start one day before it’s due or you won’t finish it. First, please download these files (updated Feb 08, 2022). This is a Duplicator archive […]
First, please download the starter files. Starter Files Make a new database and install the duplicatored site into it. As part of that duplicator process, make a new Admin Account, using your first and last name as both the user name and password. For the nickname, use your initials. Make sure that you do this, […]
If you are trying to install a WordPress plugin or a WordPress update and are getting errors because of slow internet connections, here are a couple things you can do. Option One: Install Manually Any plugin or theme that can be installed from the Dashboard can also be installed by downloading it from the WordPress.org […]
For this exercise, please watch the videos at the URL below. Flexbox “Holy Grail” 2025 Layout The order you should watch them in is indicated by the number at the start of each video’s title. You should end up with a page that looks more or less like this: When done, name your project folder yourname-flex-video-follow-along, […]
First, please download the screenshots and logo file. In this exercise, you will make the front page of a magazine-style site. There will be three main sections to the page: header, main, and footer. All type will be the georgia, times, ‘times new roman’, serif font stack. A short movie describing the task and showing […]
For this exercise, please first download these files. Once you unzip the files, you will see that there is a begin-here.html file, a screenshots folder, and a folder of images. In the begin.html file, there are a number of tables that have been marked up already. Some images are also already in the HTML. You […]
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 […]
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, […]
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 & […]
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 […]