Categories
HTML

Image Sources

Here is a list of potential sources for Creative Commons, Public Domain, etc licenses. Remember to read each site’s (and sometimes each image’s) licensing terms in order to determine whether you are legally allowed to use such images in your work. Don’t get sued. Unsplash: very high quality images. Copyright free: No restrictions on usage. […]

Categories
HTML

Sublime Formating Exercise

This exercise is meant for you to examine ways to use Sublime Text, ATOM, or Visual Studio Code as efficiently as possible. Download this file. If the zip archive doesn’t unpack automatically, double click it to get it do so. The result will be a single HTML file. Open that in ATOM or Sublime Text. In […]

Categories
Langara Outlines

WMDD 4815 Assignments

Assignment One: HTML/CSS Resumé For assignment one, I want you to make an HTML resumé. This will be a single page. It will list: your education your employment history your skills your interests your contact info anything else you think is worth including this could include a picture, or references, links to work you have […]

Categories
HTML

Chrome Developer Tools Exercise

In this exercise, you will learn how to use the Chrome Developer Tools to examine the html & css of a web page. In Chrome, go to https://guardian.co.uk. Control-click (right-click on Windows) on any element in the page to open the Inspector. As of September 20, 2015, there is a message at the top of […]

Categories
Cheatsheets

Atom Text Editor Shortcuts & Tutorials

Video Tutorials Free LevelUpTuts Atom Editor Tutorial Series Keyboard Shortcuts SELECTIONS command-shift-L: Split into Lines: Turns a single multi-line selection into multiple single-line selections. Exceptionally useful. command-right-arrow Takes you to end of line command-left-arrow Takes you to beginning of line command-shift-right-arrow Selects to the end of the line. command-shift-left-arrow Selects to the beginning of the line. command-click Multiple cursors. One […]

Categories
WordPress WordPress Templates

Useful WordPress Snippets: Gravatars

AUTHORS To display author name as a link to the posts by that author:<?php the_author_posts_link() ?> To display author name, non-linked:<?php the_author(); ?> To GET an AVATAR for your author, sized to 96px by 96px<?php echo get_avatar( get_the_author_meta(’email’), ’96’ ); ?> To GET an AVATAR for your author, wrapped in a link to the AUTHOR […]

Categories
Langara Outlines

PRM Teams 2015

Editorial Breanne Lindsay Chris Graphics Emma Graham Alyssa Ryan (part time) Promotion Darinka Michelle Peters Vianney Print Darinka (part time) Vianney (part time) Quality Assurance Megan (Accessibility) Michelle Phung Kumiko Mark Web Designers Dusty Ally K Kaitlyn WordPress Designers Eric Ryan M Zöe Ali W      

Categories
CSS

SASS Basics 2018

SASS, Syntactically Awesome Style Sheets, can save you tons of time and stress. Perhaps the main appeal of a CSS preprocessor like SASS is that it allows you to write CSS more concisely, with a lot less of the repetition that comes with “typical” CSS workflows. Preprocessors make CSS more like a programming language, allowing variables, functions, math, […]

Categories
Langara Outlines

publ-1235-web-production-1

Course: Publ 1235 Title: Web Production 1 Credits: 3 Room: A247 (Mac Lab) Term: Summer 2018 Class Days/Times: June 26–Aug 02 (and beyond) Tuesday 500–720 Wednesday 130–520 Thursday 200–520 Office Hours: Monday 130-330 This Section B class is devoted to the production of the online Pacific Rim Magazine. Langara PRM Teams for 2018 are now finalized. Like anything in life, this […]

Categories
ECUAD Outlines

ECUAD Intro To Web Design (4-Day)

A Good Online Guide To HMTL & CSS Shay Howe: Learn to Code HTML & CSS Shaw Howe: Learn to Code Advanced HTML & CSS Content Blocks HTML Text Elements: h1 – h6, p, ul, li HTML Images: img HTML Links: a [relative & absolute] Shared Content: YouTube & Google Maps HTML Sectioning Elements: header, […]