Student Work
Coming soon!
Show/Hide Menu
Home
Announcements
Student Work
Resources
(updated 01/30/21)
Cheatsheet: Side by Side Content
Cheatsheet: Images
File Structure and UTF-8
FTP Applications
VSCode Tips and Features
Foundations
Intro to HTML
HTML Tag Reference
Intro to CSS
Color
Typography
Units of Measure
Floating Elements
Images for the Web
Backgrounds and Sprites
Display Modes
Positioning Rules
Clipping and Overflow
Design Patterns and Layout
Flexbox
CSS Grid Basics
Grid Templates and Item Placement
Multi-Column Layout Using Named Areas
Grid Alignment (Box Alignment)
Media Queries
Wireframes
Advanced Topics
Advanced CSS Selectors
Advanced Grid Layout and Functions
CSS Transitions
Intro to jQuery
Full Bleed Sections
Miscellaneous Demos
Responsive Images
Batch Processing Images Using Photoshop
Intro to PHP
Lectures
A Brief History of Computers and the Internet
History of Browsers and Web Design
Responsive Design
UX Design
Getting Online: Hosting
Getting Found: SEO Principles
The Dynamic Web
Assignments
Assignment: Constitution Text
Assignment: HTML Practice
Assignment: ROYGBIV
Assignment: Long-Form Text
Assignment: Splash Page
Assignment: Advanced CSS Selectors
Assignment: Narrative No Text
Assignment: Flexbox Nav
Assignment: Flexbox Scroller
Assignment: Grid Placement Exercise
Assignment: Multi-Column Layout
Assignment: Wireframes
Assignment: Wireframe Swap
Assignment: Final Project Proposal
Assignment: Splash Page Update
Assignment: Final Project Wireframe
Assignment: UX Examples
Assignment: Final Project HTML
Assignment: Final Project CSS, First Draft
Assignment: Finish Final Project