If this is a test, the points are listed. If this is a weekly exercise, it’s out of 1 mark, as usual. Responsive Layout Summary Header (10 Marks) Header Hover Behaviors (10 marks) Main Content Area Generation (20 Marks) Note: the Visual Studio Code Random extension will allow you to generate the random content in […]
In this exercise, you will configure a WordPress theme using the Customizer and custom CSS. To begin, please download the following zip archives. Then please watch this Loom video description of the project. Exercise Setup Basic Details of The Site Header (20 pts) Mobile Menu (10 pts) Front Page (30 pts) Archives (20 pts) Single […]
Starter files for formatting practice: use index.html (Note to Kevin: formatting annoyances fixed.)
Step OneThe file must be served on your computer. Your local site’s address will look something like this. Remember the port number (highlighted below): Step TwoFind your computer’s IP address Windows users will need to then look for the IPv4 Address (example: 10.128.221.62) Step ThreeOn phone, join IP + port number This screenshot is from […]
First, please watch this Loom video description of the task. Next, please download the screenshots. In this exercise, you will create a single page site called cranq. The font throughout is the system-ui stack. Pay attention to font weights. All text content, except a couple phrases, will be created with Emmet’s lorem functionality. Images will come […]
In this exercise, you will build a responsive page. You will use grid and flex, transitions, and a small amount of JavaScript. If this is a test, be sure to check what each section is worth. Demo Movie Here is a Loom video describing the layout and page behaviour. Starter Content: Font Awesome Icons First, […]
In the following exercise, you will explore the following areas. In the project, you will make a CSS Blend Modes Tester: a tool that will allow you to investigate the visual effects that can be created using CSS Blend Modes, which are very much like the Blend Modes you might know from using Photoshop. The Exercise […]
In this exercise, you will investigate the use of Custom Post Types, Custom Fields, and Custom Taxonomies. You will also explore the WordPress Template Hierarchy in greater detail. First, you will need to download the starter content (a Duplicator package) and install it in your development environment. As well, please download the images and data […]
WMDD 4835-02 MIDTERM (Dickens) Rename the unzipped project folder dickens-yourfirstname-yourlastname. Basic Details of The Page • System UI font stack • Black background, white text, white borders • Accent Color: deeppink • Font Awesome Icons used: book, skull, user-astronaut, twitter, book-open-reader • Header Nav Hover Colors: deeppink, rgb(47, 210, 228), orangered, #ecf807 • Readmore “Line” […]
Project Setup First, please download the following: Note: this site does not use a static front page. Just the default WordPress blog format. Note: if this is a test, the marks breakdown is listed beside each section title. If this is not a test, the mark for the assignment is, as usual, out of 1. […]