Categories
CSS HTML WordPress

Exercise List 2019 – In Order of Complexity

Hummus Recipe ( HTML semantics ) HTML Paths Exercise ( HTML Paths based on GuitarMania site, also FTP if at Langara ) Fela Kuti Markup & Styling Exercise ( Markup, Images, CSS: b0rders, fonts, gradients, bg-image, text-transform, letter-spacing. Has screenshot. Can be simple or complex. Early in the course, this would take a couple classes. Sublime Formatting […]

Categories
CSS HTML

Fela Kuti MarkUp Exercise 2019

First please download these files. In this exercise, which we will likely do over the course of a couple classes, we are going to mark up a text file with a lot of information about the great Nigerian musician Fela Kuti. Our first concern will be marking up the document semantically—making our choices of HTML […]

Categories
ECUAD Outlines

Intro to Web Design (2018)

Introduction to Web Design Course Number:       CEDA 232 S001 Instructor: Kevin  McMillan Number of Sessions 8 Day and Time Sundays 930-1230 Duration Oct 14 – Dec 09 No class Nov 11 Room B1122 COURSE DESCRIPTION This course explores the many facets of website design and development, as well as some of the ways that the […]

Categories
WordPress WordPress Templates

WordPress Theme Exercise Solution: Metonymic Layout

The Main Layouts Edit the _posts-and-pages file inside site/primary.

Categories
WordPress WordPress Templates

WordPress Theme Exercise Solution: Metonymic Type Styling

Now let’s do some styling of our content. Enqueue the Google Font First, let’s enqueue our site-title font: google’s smokum. Open functions.php and duplicate the line that enqueues the main stylesheet. It should be somewhere near line 120. Then in the duplicated line, change the “handle” (the first argument passed to the function). In order […]

Categories
WordPress WordPress Templates

WordPress Theme Exercise Solution: Metonymic Content Template-Part

Now let’s add a couple more modifications to the content.php template part. The Meta Data If we look at the screenshots of the front page and the single view, we see that the meta information (date and author) is not needed. However, for the Opinions section of the home page, the author name and gravatar […]

Categories
JavaScript

Quick Button Event Handler

Imagine that in our header, we have a row of buttons in a DIV, and underneath that we have a NAV with three UL-based submenus, each with a class to identify them: To make a really quick script to hide or reveal a menu on its associated button click, make a new js file and […]

Categories
WordPress

Large Sites Run on WordPress

Lists of major sites running WordPress, including Sony, Time, the White House, Justin Beiber, Walt Disney, the New Yorker, Vogue, Mercedes Benz, Katy Perry, and Wired Magazine: 130+ Big Brands 40+ Most Notable Big Name Brands… Creative Bloq: 23 Great WP Sites   The Ultimate List of WordPress Statistics  

Categories
WordPress WordPress Templates

WordPress Theme Exercise Solution: Metonymic Front Page Sectioning

We ended the previous article having generated the main content for the home page of the site. However, if we inspect the code with browser developer tools, we’ll see that there’s just a ton of articles inside the .site-content MAIN element. Our next step, therefore, should be to introduce some sectioning HTML to our loop […]

Categories
WordPress WordPress Templates

WordPress Theme Exercise Solution: Metonymic Content Generation

This page presents a solution for WordPress Theme Exercise: Metonymic. If you want to try building the site without following step-by-step directions, consult that document. If going through these instructions, please first review the original instructions at that link. Content Generation Let’s start with the biggest task: the generation of content for the front page. […]