Cập nhật hàng ngày cho Frontend Engineer Việt Nam
CSS custom properties không chỉ để làm theme toggle. Kết hợp với React state và JavaScript, chúng trở thành công cụ performance cực mạnh — không cần re-render, không cần styled-components runtime.
Không phải user nào cũng thoải mái với animations. prefers-reduced-motion và motion-safe strategies giúp bạn build inclusive animations mà vẫn đẹp.
CSS color-mix() và relative color syntax cho phép tạo color palette linh hoạt trực tiếp trong CSS — tint, shade, opacity variations mà không cần Sass hay JavaScript.
CSS Anchor Positioning API cho phép position elements relative to other elements — tooltip, popover, dropdown menu — hoàn toàn bằng CSS, không cần JavaScript positioning logic.
CSS Subgrid cho phép child elements align theo grid tracks của parent, giải quyết bài toán alignment trong nested layouts mà trước đây rất khó xử lý.
CSS custom properties kết hợp design tokens tạo nên hệ thống design linh hoạt, dễ maintain và scale. Cách tổ chức tokens cho dự án thực tế.
Scroll-driven Animations API cho phép tạo parallax, progress bars, và reveal animations chỉ bằng CSS thuần — không cần JavaScript hay IntersectionObserver.
Smooth 60fps animations require understanding the browser rendering pipeline. Learn which CSS properties are safe to animate and which ones destroy performance.
View Transitions API cho phép tạo smooth page transitions và element morphing chỉ với vài dòng CSS và JavaScript, không cần thêm animation library.
CSS Nesting đã có native trong browser. Liệu đã đến lúc bỏ Sass preprocessor và viết CSS thuần với nested syntax?
Container Queries cho phép component tự responsive theo kích thước parent, không phụ thuộc viewport. Đây là cách tiếp cận component-first thực sự cho CSS.