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 […]
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 […]
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 […]
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 […]
Publ 1220 Web Design Fundamentals Credits: 6 Room: A247 Contact Info: Kevin McMillan Office A248 (604) 323-5941 Days & Times: Summer Term: May 06 – June 15, 2018 Tuesday 130–520 Tuesday 600–720 (lab) Thursday 1130–320 Thursday 400–520 (lab) Friday 1130–420 (lab) Office Hours Tuesday 1130–130 Or by appointment. SKIP to Class Content This double-size half-term class will […]
WMADD 4840 Content Management Systems Credits: 3 Room: B014 (Mac Lab) Contact Info: Kevin McMillan Office A248 604.323.5941 Days & Times: Summer 2019 Mondays: 930 – 1230 find my office Office Hours Mondays 200-300 PDF of Official Outline SKIP to Class Content This class will cover Content Management Systems, specifically WordPress—by far, the most popular CMS in […]
On the previous page, we examined the desired layout for the main area. We then did the code for the menu responsive states, however, because they were easier to do, and to therefore make your introduction to grid gentler. We’re should be ready to finish the page now, though, by tackling the rest of the […]
At this point, our page should look like this: The first problem we notice is that under a certain size, the images go beyond the edge of the browser window rather than scaling with the page. Responsive Images The solution, and a fundamental technique of Responsive Web Design, is to make your images resize to […]
Typography Go to the Google fonts website and select the fonts Oswald (weights 400 & 700) and Roboto Slab (weight 400 only). If you need to review how to do that, consult this page. Now let’s make some basic typographic styles. If any of what we’re doing here doesn’t make sense, try adding the CSS […]
At this point, our default layout looks pretty good. However, we should modify the .guitar-small style just a bit so that the boxes aren’t touching and so that there’s a bit of space between the guitar name and the border. This should, then, nicely separate each guitar box: Responsive States via Media Queries Our phone […]