Categories
CSS HTML

Setting the Default Browser on a Mac

Apple’s default web browser is Safari, but we will generally use the Chrome or Firefox Developer Tools, so we need to change the default browser. To do that, go the Apple menu in the top left of the screen, then choose System Preferences, and then General:  

Categories
WordPress

MAMP: mysql Server Won’t Start

Sometimes when you start MAMP, the mysql server refuses to start up. Solution 1 Sometimes this is because it is already running from a previous session. To fix that, quit MAMP, open up Terminal and run the following command: killall -9 mysqld Then restart MAMP. Solution 2 If that doesn’t work, here’s another fix that […]

Categories
CSS HTML

JazzIcons HTML MockUp Exercise

For this exercise, please download this package of files. This package contains some images, and a folder of screenshots. Depending on when you downloaded it, it will contain one or two HTML files. The screenshots show three responsive states: open them and view them at full size. Please style the page responsive states as closely […]

Categories
CSS HTML WordPress

WordPress Templates Exercise: I Heart Cities

For this exercise, please download the starter files and the screenshots collection. These are big files, so the download might be a bit longer than that for most of the files on this site.   Inside the starter files archive is a Duplicator package and installer. Install that in a new WordPress database. Then go […]

Categories
CSS HTML

Restaurant Menu: Responsive Page

For this exercise, please first download these files. Once you unzip the files, you will see that there is an index.html file, a folder of images, and a screenshots folder. The index file has most of the content for the page. You will need to add: a stylesheet icon fonts for the top and bottom […]

Categories
WordPress Templates

WordPress Templating: WordPress Methods for Data Security

For this demonstration, please install this duplicator archive package. Be sure to make yourself a new admin user account as part of this process. This is a variation on The Eatery exercise, with two custom post types: meal_menu and staff_member. In class, we’ll go through a few examples to show ways we can make our […]

Categories
CSS

Sass Essentials 2018: Mixins

[Continued from SASS Essentials: Variables] In the MIXINS folder are two interesting mixin-containing partial files. Mixins work like FUNCTIONS in other languages, allowing us to pass in values, process them in some way, and then return a value for use. Because these are in a partial, however, I still need to import them. Here I […]

Categories
HTML

Lab Exercise: Form Processor

In this exercise, make an attractive, responsive form with the following qualities it asks the user for their name, as a required element it asks the user for their email, as a required element it asks the user for their phone number, as an optional element it asks the user for their comments, as a required element it asks […]

Categories
CSS HTML JavaScript

CSS Blend Modes Testing App

This Loom code-along exercise will involve CSS Blend Modes, CSS Transitions, CSS Animation (just a bit), Advanced Form Styling, and a bunch of JavaScript. The Loom video series can be found here. In this series, we will making a page to demonstrate the effects of CSS Blend Modes. A more complex but similar example is […]

Categories
WordPress WordPress Templates

Underscores Menu Exercise pt 3: Enqueuing Scripts

Other Values If enqueueing scripts (or local stylesheets), it is a bit more complicated, but it’s learnable. All URLs in WordPress are absolute, not relative, so when the theme is installed at a new domain, WordPress needs to figure out the path to resources, starting with the https://domain.com/ part. If you look at the script […]