Categories
Design & colors
Color codes, resolutions and formats: everyday visual references.
Design & colors
Color codes: HEX, RGB, HSL
ffffff, rgb(255,255,255), hsl(0,0%,100%): understanding the main color code systems used in design and on the web.
Free
Design & colors
Common screen resolutions
HD, Full HD, 4K, aspect ratios: the most common screen resolutions and how to recognise them.
Free
Design & colors
Visual composition rules
Rule of thirds, golden ratio, negative space: the composition principles that make an image or layout feel balanced.
Premium
Design & colors
Image formats for the web: which one to pick
JPEG, PNG, WebP, SVG: which image format to use depending on the content, for a fast and crisp site.
Free
Design & colors
Color theory: complementary, analogous, triadic
Color wheel, complementary, analogous, triadic colors: the basic color schemes for building a harmonious palette.
Free
Design & colors
Grids and spacing: UI design basics
8pt grid, columns, margins: the spacing and layout principles that make an interface feel consistent and professional.
Free
Design & colors
Typography: serifs, weight, readability
Serif, sans-serif, weight, line-height: the basic typography vocabulary for choosing and pairing fonts with confidence.
Free
Design & colors
Web accessibility: WCAG basics
Contrast, alt text, keyboard navigation: the basics of the WCAG rules for making a site accessible to everyone.
Premium
Design & colors
Icons and pictograms: best practices
Style consistency, minimum size, accompanying text: best practices for using icons effectively in an interface.
Free
Design & colors
Color contrast and accessibility: ratios and color blindness
The WCAG contrast ratio, how to calculate it, and designing palettes readable for color-blind users.
Premium
Design & colors
Common video formats: codecs and containers
MP4, WebM, MOV: the difference between a container and a codec, and which to pick for a given use.
Free
Design & colors
Optimizing web images: file size, formats and best practices
Cutting image file size without sacrificing visible quality, and the loading techniques worth knowing.
Free