Categories
CSS HTML JavaScript Tools & Generators

Setting Up A TailwindCSS Project

To Install Tailwind:Open your project in Visual Studio Code. Go to Terminal > New Terminal Type npm install -D tailwindcss To Initialize your project, type Then create two folders inside your project. Name them build and src In the SRC folder, make a file called input.css In the BUILD folder, make a file called index.html In tailwind.config.js, edit […]

Categories
CSS HTML

TailwindCSS Exercise 2024: Transmetropolitan

First please download the starter files. Now please download the screenshots. Finally, here is a Loom video describing what you will produce. Tailwind Videos A short Loom series on using Tailwind. Killer Shortcut If you go to the tailwindcss website, the keyboard shortcut Ctrl-K will allow you to search the documentation very efficiently. Tailwind Setup […]

Categories
WordPress WordPress Templates

WordPress Custom Posts, Custom Fields, Custom Taxonomies 2024

In this exercise, you will investigate the use of Custom Post Types, Custom Fields, and Custom Taxonomies. First, please watch this Loom video series and follow along creating the site I create in the videos. To do that, please download the images and data for the custom fields to follow along with the video. In […]

Categories
CSS HTML

Protected: HTML/CSS Layout Exercise: Set the Controls for the Heart of the Sun

There is no excerpt because this is a protected post.

Categories
CSS HTML

Protected: HTML/CSS Layout Exercise: Dogbreath In the Year of the Plague, 2024

There is no excerpt because this is a protected post.

Categories
WordPress

WordPress FSE Exercise: Atomized 2024

For this assignment, please go through the steps in the following video series: Loom: Atomized Full Site Editing 2024. If we are doing this exercise in a class session, here are the images to download. However, if this is an assignment, you must use your own content: none of mine. Make or get your own […]

Categories
WordPress

WordPress Configuration Exercise: Forq (Blocksy Theme) 2024

First, please download the required files: 1. Duplicator Package I’ve included two versions of the package (made while running different php versions). First try version 8. If that doesn’t work, install version 7. Mac Users: Make sure that your MAMP PHP version is matching the package you are installing. You can set that in the […]

Categories
WordPress

WordPress Configuration Exercise: Ack (Astra Theme, PostX Plugin) 2024

First, please download the required files: 1. Duplicator Package I’ve included two versions of the package (made while running different php versions). First try version 8. If that doesn’t work, install version 7. Mac Users: Make sure that your MAMP PHP version is matching the package you are installing. You can set that in the […]

Categories
CSS

Flex Playground Class Exercise: Light Blog 2024

In this exercise, we are going to explore flexbox and some new ways of working with color in css. First, please download the starter files. Colors to Use Topics We Will Also Explore Resources

Categories
CSS HTML

Code Challenge: Faces 2024

First, please download the starter files. In this exercise, you will work with grid to produce the following layout: You may not edit the HTML, only the CSS. Note: the HTML is already “wired up” with the Google font Oswald, and a link to the stylesheet. Requirements Useful Things And don’t forget to: