ZHDK 2024 [last update: 27 Sep 16:05]
Download resources
Figma
Basics
Structure
Box model
Positioning
Main tags
Grid [Flex]
Horizontal alignment
Vertical alignment
Dimensions
Wrap
Responsive
Preset + variables
Typography
Headings, paragraph, italic, bold
Alignments, kerning, letter spacing, word spacing, size, weights, columns
External fonts
External fonts + Flex
Javascript
Slider
Row, lines and image reveal
Boilerplate
Basic website 1
Basic website 2
Transform + Motion
Transform
Transform + Transition 1
Transform + Transition 2
Transform + Transition + Javascript
Transform + Transition + Javascript 2
Animation 1
Animation 2