Categories
CSS HTML WordPress

Visual Studio Code Extensions

Below are some of the Visual Studio Code Extensions I use and recommend: Live Server: automatically reloads browser when html or css files are saved Rainbow Brackets: colors bracket pairs. Very useful in JavaScript StyleLint: error checking for CSS File Utils: adds file management functionality (duplicate, rename, move, etc) VSCode-Random: generated random data. CSS Navigation: for searching […]

Categories
HTML

Links Review Exercise

In this exercise, you will make a page with four sections, each devoted to a different guitar company. If there is anything in the exercise we have not covered in class … get googling! Download The Files Here are the image files you will need. Once unpacked, this zip will reveal an img folder with […]

Categories
WordPress WordPress Templates

WordPress JavaScript Exercise: Mais Henri

The main focus of this exercise will be the use of JavaScript in WordPress. Setup First, please download the starter package. When you unzip the file, you will find a Duplicator installer and archive. Make a new database and install the site into your testing environment (most likely MAMP). Make a new SASS-based theme called […]

Categories
WordPress Templates

WordPress Theming Exercise: The Eatery Restaurant

In this exercise, you will use custom fields and custom post types to make a restaurant website. The aim is to create a theme that gives a site owner a more intuitive UI with which to manage his or her content. The first parts of the exercise will focus on setting up and outputting the […]

Categories
WordPress WordPress Templates

WordPress: Filter Archive Title Output

If you need to output the title of an archive in a WordPress theme, you could use functions like single_cat_title(), single_tag_title(), etc. The trouble, however, is that they’re limited to the type of archive (category, tag, etc) listed in the function name itself. A more versatile approach is to use the_archive_title function. It will work on any […]

Categories
Langara Outlines

LangaraPRM Staff 2019

Editorial / Promotions Marie Kathleen Media (early-risers, all…) Melissa Nolan Dimitri (pt) Shefali (pt) Web Design Caroline Rachel Aline WordPress Development Maho Will Natasha Quality Assurance Dimitri (ft) Shefali (ft)    

Categories
Tools & Generators

Making Emmet Work in PHP

If you’re in a PHP file, the Emmet shortcuts don’t initially work. To make them work, however, we just need to edit an Atom configuration file. Open the command palette: command-shift-p. Type in the following to search for the file: keymap.cson Press Return when that result shows up. After the commented out section, paste the […]

Categories
ECUAD Outlines

Intermediate Web Design

Course Intermediate Web Design Course Code CEDA 332 Hours 24 ( 8 3-hour sessions, or 6 4-hour sessions) Prerequisite CEDA 232 course description                                                  Building on the fundamental skills introduced in CEDA232 Introduction to Web Design, this course explores additional modern web design and development tools and techniques. Topics include modern JavaScript, advanced selectors, flexbox layout, preprocessors, transitions […]

Categories
CSS HTML WordPress

WordPress Theme Configuration Exercise 1066

Site Set Up First, please download these files. this duplicator archive WP site the graphics files for the site the screenshots Install the site in a new database in your testing environment. As part of the Duplicator site install, create a new admin account. In that process, include your real First and Last Name. For […]

Categories
CSS HTML

Gibson vs Fender Grid Layout Exercise 3769842

Initial Setup First please download the required files. When you unzip that archive file, you should have a folder called GibsonVsFender-History-Players-Gallery-2019-StartingFiles. Inside that folder is an index file. I have given you some of the HTML (such as the images), but you will definitely need to add more HTML. In choosing your HTML, make sure […]