Web Design Basics

HTML Basics → CSS Fundamentals → Bài 4 — Gestalt Principles ứng dụng cho Web → Bài 5 — Color Theory cơ bản cho Designer Web → Bài 6 — Color Accessibility & WCAG Contrast → Bài 7 — Typography Fundamentals — Font Anatomy → Bài 8 — Type Scale & Modular Scale → Bài 9 — Line Height, Letter Spacing, Line Length → Bài 10 — Font Pairing — Combining Typefaces → Bài 11 — Layout Grid Systems — 12-column & beyond → Bài 12 — Whitespace là một Design Element → Bài 13 — Alignment — Tạo Order Tự Nhiên → Bài 14 — Contrast — Vũ khí thiết kế mạnh nhất → Bài 15 — Repetition & Pattern — Consistency → Bài 16 — Mobile-First Design — Bắt đầu từ điện thoại → Bài 17 — Responsive Breakpoints chuẩn 2026 → Bài 18 — Fluid Typography với clamp() → Bài 19 — HTML Semantic — Đặt tên thẻ đúng → Bài 20 — CSS Box Model — Padding, Border, Margin → Bài 21 — Flexbox — Layout 1 chiều → Bài 22 — CSS Grid — Layout 2 chiều → Bài 23 — CSS Variables (Custom Properties) → Bài 24 — CSS Selectors & Specificity → Bài 25 — Cards — Component phổ biến nhất web → Bài 26 — Buttons — Hierarchy & States → Bài 27 — Form Design — Input Fields → Bài 28 — Navigation Patterns — Header, Sidebar, Tabs → Bài 29 — Hero Sections — First Impression → Bài 30 — Iconography — Icons trong UI → Bài 31 — Images cho Web — Format & Optimization → Bài 32 — Figma cơ bản — Workspace & Tools → Bài 33 — Figma Auto Layout — Building Components → Bài 34 — Figma Components & Variants → Bài 35 — Figma Prototyping cơ bản → Bài 36 — Wireframing — Sketch trước Design → Bài 37 — Mockups vs Prototypes vs MVP → Bài 38 — Design System Foundations → Bài 39 — Design Tokens — Color, Spacing, Type → Bài 40 — Tailwind CSS — Utility-first Workflow → Bài 41 — Dark Mode Design → Bài 42 — Accessibility (a11y) Basics → Bài 43 — Keyboard Navigation & Focus States → Bài 44 — Loading States — Skeleton & Spinners → Bài 45 — Empty States — Khi không có dữ liệu → Bài 46 — Error States & Form Validation UI → Bài 47 — Modals, Dialogs & Drawers → Bài 48 — Toasts & Notifications → Bài 49 — Search UI — Patterns & Best Practices → Bài 50 — Tables & Data Display → Bài 51 — Pagination vs Infinite Scroll → Bài 52 — Onboarding UI — First-time User → Bài 53 — Microinteractions & Animation → Bài 54 — CSS Animations & Transitions → Bài 55 — Dev Handoff — Figma to Code → Bài 56 — Web Performance Basics cho Designer → Bài 57 — SEO Basics cho Designer → Bài 58 — Design Critique — Cho và nhận Feedback → Bài 59 — Portfolio cho Web Designer → Bài 60 — Career Path cho Web Designer VN →

Mắt người đọc trang web thế nào →