CSS Reference

“A free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.”

CSS Tricks

A website that provides tutorials, tips, and resources on web development and design, with a focus on CSS.

CanIUse

“Can I Use provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.”

W3Schools

“We create simplified and interactive learning experiences. Learning web development should be easy to understand and available for everyone, everywhere. W3Schools is a school for web developers, covering all the aspects of web development.”

Responsive Web Design

Introduces the basic principles of designing websites that adapt to phones, tablets, laptops, and larger screens.

Web Typography Basics

Explains how font choice, size, spacing, alignment, and hierarchy affect the readability and appearance of a website.

HTML Element Reference

A visual guide to HTML elements, showing what each tag does and how it is used with clear examples.

Intro to Web Accessibility

Provides straightforward design tips for readable text, clear navigation, visible focus states, understandable forms, and accessible colors. 

Laws of User Experience

A visual collection of psychology-based principles that explain how people make choices, notice information, remember interactions, and use interfaces.

Usability 101

A short introduction to making websites easy to learn, efficient to use, understandable, and pleasant for visitors.

User Experience Basics

Explains scale, visual hierarchy, balance, contrast, and Gestalt principles using practical interface examples.

Canva Design Blog

Introduces the basic building blocks of visual design, including color, shape, space, balance, contrast, alignment, and visual organization.