Skip to content
nuggetof joy

Browse the archive

Category: AMDE 355 ADVANCED WEB DESIGN

Oct 22, 2026

Final Project Production & Deployment (Week 14)

AMDE 355 · Advanced Web Design · Week 14 Final Project Production & Deployment Turn your approved plan into a working web experience. This…

Post
Oct 22, 2026

AMDE 355 Critique & Final Project Planning (Week 13)

AMDE 355 · Advanced Web Design · Week 13 Project 2 Critique & Final Project Planning Use critique as a design tool: explain what…

Post
Oct 22, 2026

AMDE 355 – Accessibility, Performance & Quality Assurance (Week 12)

AMDE 355 · Advanced Web Design · Week 12 Accessibility, Performance & Quality Assurance Make the experience work for more people, load efficiently, and…

Post
Oct 22, 2026

AMDE 355 – Multimedia & Experimental Interfaces (Week 11)

AMDE 355 · Advanced Web Design · Week 11 Multimedia & Experimental Interfaces Designing web experiences that use images, sound, motion, video, and interaction…

Post
Oct 22, 2026

AMDE 355 – Interactive Web Experiences (Week 10)

JavaScript, without the mystery JavaScript is the part that makes something happen Think of a web page as a small stage: HTML puts the…

Post
Oct 22, 2026

AMDE 355 – User Flows, Navigation & Interaction Design (Week 9)

AMDE 355 · Advanced Web Design · Week 09 User Flows, Navigation & Interaction Design. A good interface helps people understand where they are,…

Post
Oct 22, 2026

AMDE 355 – Critique & Revision (Week 8)

AMDE 355 · Advanced Web Design · Week 08 Project 1 Critique & Revision. Move from “I like it” or “I don’t like it”…

Post
Oct 22, 2026

AMDE 355 – Design Systems & Reusable Components (Week 7)

AMDE 355 · Advanced Web Design · Week 07 Design Systems & Reusable Components. Move from styling individual pages to building a visual system.…

Post
Oct 22, 2026

AMDE 355 – Typography, Motion & Composition (Week 6)

AMDE 355 · Advanced Web Design · Week 06 Typography, Motion & Composition. Typography is more than choosing a font. It creates hierarchy, pace,…

Post
Oct 22, 2026

AMDE 355 – Break the Grid (Week 5)

AMDE 355 · Advanced Web Design · Week 05 Project 1: Break the Grid. Now put your visual research to work. In this project,…

Post
Oct 22, 2026

AMDE 355 – Visual Research & Art Direction (Week 4)

AMDE 355 · Advanced Web Design · Week 04 Visual Research & Art Direction. Strong web design starts before the first line of code.…

Post
Oct 22, 2026

AMDE 355 Design for Every Screen (Week 3)

AMDE 355 · Advanced Web Design · Week 03 Design for Every Screen. Responsive design is not a smaller desktop page. It is a…

Post
Oct 22, 2026

AMDE 355 – Make the Layout Do Something (Week 2)

AMDE 355 · Advanced Web Design · Week 02 Make the LayoutDo Something. Today we move past “put the boxes in a row.” We’ll…

Post
Oct 22, 2026

AMDE 355 – HTML & CSS Refresher (Week 1)

AMDE 355 · Advanced Web Design · Week 01 HTML & CSS Refresher Back to the foundations—but with an advanced designer's eye. Audit the…

Post
Oct 20, 2026

CSS Grid: Design Better Layouts

AMDE 355 · Advanced Web DesignCSS Grid: Design Better LayoutsLearn to organize webpage content into flexible rows and columns. Build a responsive project gallery…

Post
Oct 15, 2024

CSS Background Images and Video

Open this item to view its content.

Post
Oct 15, 2024

HTML & CSS/Flex Cheat Sheet

Open this item to view its content.

Post
Nov 4, 2019

Fonts & Pairing

https://nuggetofjoy.com/how-to-choose-fonts-for-headlines/ https://nuggetofjoy.com/the-beginners-guide-to-font-pairing The following are student examples of font pairing exercises:

Post
Oct 31, 2019

Flexbox

https://www.w3schools.com/css/css3_flexbox.asp

Post
Sep 27, 2019

Liquid. Adaptive, Responsive and Composite

Please download your template.

Post
Sep 24, 2019

CSS Cheat Sheet

Click the image above to download a CSS cheat sheet.

Post
May 7, 2019

Font Pairings: Powerpoint

The PowerPoint presentation given today can be downloaded here. Sources: Poppie Pack, December 15, 2015https://designschool.canva.com/blog/author/poppie/https://designschool.canva.com/blog/the-ultimate-guide-to-font-pairing/ and Nicholas D'Angelo https://nuggetofjoy.com/font-pairing-basics/ https://nuggetofjoy.com/the-beginners-guide-to-font-pairing/ https://nuggetofjoy.com/how-to-choose-fonts-for-headlines/

Post
May 7, 2019

How to Choose Fonts for Headlines

by Jacci Howard Bear Updated July 31, 2017 Headlines and other short phrases or blocks of text are often set in display type sizes of…

Post