|
This shop uses cookies and other technologies so that we can improve your experience on our sites. By continuing your visit to this site, you accept the use of Cookies. If you want us to remove your information from our site, please e-mail us at "sales at summer-storm.rocks" with indicating the email you used to register. |
| close |
Note: This summary covers the syllabus of Adrian Twarog's "Design for Developers." You can watch the full video course for free on his YouTube channel or access detailed PDF resources if he provides them via his website.
| Section | Key Topics | |---------|-------------| | | Font pairings (serif/sans-serif), font sizes (rem/em), line-height (1.5x), character count (45–75 per line). | | Color Theory | 60-30-10 rule, contrast ratios (WCAG), using HSL for harmony, accessible color palettes. | | Spacing & Layout | 8px grid system, margin/padding consistency, white space as a design tool. | | Visual Hierarchy | Size, weight, color, and position to guide user attention. | | UI Components | Buttons (states: default, hover, active), forms, cards, navigation patterns. | | Practical CSS | Box-shadow, border-radius, transitions, backdrop-filter, pseudo-classes for micro-interactions. | | Design Tools | Figma basics for developers (inspecting frames, exporting assets). | design for developers adrian twarog pdf