PDFs & Course Material
Briefs, requirements, wireframe examples, cheat sheets — handouts from class.
Building Your First Website — Requirements
The brief / spec document for your original front-end website project.
Front End Development — Overview
Reference deck covering HTML, CSS, and the front-end role.
Tech Specs & SOW Templates
Technical specification and Statement of Work template — useful for your portfolio brief.
Wireframe Example 1
Low-fidelity wireframe sample — basic layout reference.
Wireframe Example 2
Mid-fidelity wireframe sample — more developed annotations.
Wireframe Example — Extreme Detail
Hi-fidelity wireframe with full design system annotations. The "gold standard".
Terminal Commands Cheat Sheet
Print this — cd, ls, mkdir, git basics. Tim's class cheat sheet.
Icon Audit Worksheet
Worksheet for the icons & symbols audit exercise.
26B · The Yearbook Wall
PDF export of the class yearbook page from April 2026.
Class 1 · Welcome to 26B
Course welcome pack — what to expect, how to set up your laptop, ground rules.
Class 2 · Tag Reference Sheet
Quick-reference one-pager for the HTML tags covered in Class 2.
Class 3 · Reference Sheet
Tags and CSS properties referenced during Class 3.
Class 3 · Colour Model
How CSS colours work — RGB, named colours, opacity.
Class 3 · Hex Colour Model
Reading and writing hex colour codes.
Class 3 · Accessible Design
Intro to colour contrast, screen readers, and accessible HTML.
Class 9 · Bootstrap Breakpoints
The Bootstrap 5 breakpoint chart explained — xs/sm/md/lg/xl.
Class 17 · Market Research — High-Net-Worth Client Analysis
Sample report on luxury-client acquisition in Claremont. Pairs with the SEO & Metadata Guide.
Starter Code & Zips
Ready-to-unzip project starters and reference builds.
Bin Chicken Bistro
Tim's complete site example used in class — full HTML/CSS/image set.
26B Yearbook Repo
The yearbook wall starter — HTML/CSS/JS plus the photo data structure.
Class 2 · FrontEndClass2 (sample code)
Home / About / Contact HTML examples used in Class 2.
Class 4 · FrontEndClass4 (sample code)
Digital résumé and themed-website examples from Class 4.
Class 10 · Bootstrap Demo
The Topic 5 Bootstrap demo worked through in class — full HTML/CSS/image set.
Class 11 · Skywings Starter
The starter ZIP for the Skywings Bootstrap project. Pairs with the Home & About content lesson pages.
Icons & Symbols Slides
PowerPoint deck — pairs with the icon-audit worksheet.
26B Trivia Questions (XLSX)
Spreadsheet of trivia questions used by the in-class trivia app.
Yearbook Data (JSON)
Class data file — names, photos, quotes. Drives the yearbook wall.
Live Example Sites
Open these in a new tab — see the rendered page, then view source to read the code.
Website Build Example (Skywings)
Full worked example — homepage, about, contact. View source to learn the pattern.
Yearbook Wall (Live)
The interactive class yearbook wall — JSON-driven HTML page.
Yearbook Wall — v1 (Iteration)
First version of the yearbook wall, kept for reference.
Yearbook Wall — v2 (Iteration)
Second iteration of the wall — improved layout.
Yearbook Wall — v3 (Iteration)
Third iteration — closest to the final.
26B Trivia App
Playable trivia game built in plain HTML/JS — reads questions from an XLSX.
Reference Images
Wireframe references and class photos for use in your projects.