Hàng triệu website đang dùng structured data ra sao — nhìn từ kho dữ liệu mới của Schema.org
Schema.org và Google vừa lần đầu công bố kho dữ liệu cho thấy hàng triệu website đang dùng structured data thế nào. Bài này tóm lại kho dữ liệu đó, 12 loại…
Tác giả: Trần Trọng Luân
Đối tác content + dev của Web22. Viết bài service page, blog cụm SEO; cùng lúc viết code WordPress khi cần. Yêu nghề viết, yêu code đọc được.
SEO năm 2026 đã khác — 7 điều cần bỏ và 7 điều cần làm
SEO 2026 không còn là chuyện nhồi từ khoá hay gom backlink. Bảy thay đổi cốt lõi — từ E-E-A-T, ý định tìm kiếm, topical authority tới tái chế nội dung và…
Dark mode trong thiết kế — phân tầng bề mặt và giảm bão hoà bảng màu
Dark mode là tiêu chuẩn UI 2026 — 81.9% user dùng dark mode trên ít nhất 1 device. Hướng dẫn palette surface elevation, desaturate accent, implementation CSS variable + prefers-color-scheme + manual…
Gestalt trong thiết kế — 6 nguyên tắc tâm lý áp dụng vào UI
Gestalt là 6 nguyên tắc tâm lý thị giác (proximity, similarity, continuity, closure, figure/ground, common fate) — nền tảng UI có thể dùng được. Hướng dẫn áp dụng vào form, navigation, card,…
Bottom sheet mobile — 3 biến thể (modal/persistent/draggable), điểm dừng và khả truy cập
Bottom sheet mobile có 3 biến thể: modal (dim backdrop), persistent (coexist content), draggable (snap peek/half/full). Bài giải thích Apple Sheet vs Material, snap point physics, implementation Vaul/Radix UI, accessibility focus trap…
Vùng chạm (touch target) tối thiểu — iOS 44pt, Android 48dp, WCAG 2.2 và định luật Fitts
Touch target tối thiểu trên mobile: Apple HIG 44pt, Material 48dp, WCAG 2.5.5 AAA 44px hoặc 2.5.8 AA 24px+spacing. Bài giải thích Fitts law, thumb zone, kỹ thuật mở rộng hit area,…
Điều hướng app di động — 5 mẫu (bottom tab, drawer, FAB), khi nào dùng và khả truy cập
Năm pattern navigation mobile app phổ biến 2026: bottom tab bar, hamburger drawer, top tab scrollable, FAB và stack navigation. Bài giải thích khi nào chọn pattern nào, kết hợp dual nav,…
Đầu tư design system — hoàn vốn (ROI), điểm hoà vốn và 3 mô hình xây cho đội vừa
Phân tích chi phí xây design system MVP 200-600 triệu VND, ROI break-even tháng 14-18, 3 mô hình đầu tư (in-house, hybrid, outsource) và checklist 8 mục xin ngân sách.
Component library là gì — stack chuẩn, quản trị và chỉ số đo mức sử dụng
Component library là code-side của design system. Bài giải thích stack 2026 (Vite + Tailwind v4 + Radix + Storybook 8 + Chromatic), governance PR + RFC, distribution monorepo vs separate, build…
Atomic Design là gì — 5 cấp atom/molecule/organism/template/page và cách áp dụng
Atomic Design là phương pháp Brad Frost 2013 chia UI thành 5 cấp xếp tầng. Bài giải thích từng cấp với ví dụ shop online, áp dụng vào Figma + code, so…