Delayed-Then-Instant Tooltips with HTML & CSS Alone – Master.dev Blog

Why I don't recommend Tailwind CSS

Tailwind CSS là framework CSS phổ biến giúp chuẩn hóa khoảng cách, màu sắc, kiểu chữ mà không yêu cầu kiến thức thiết kế đồ họa. Tuy nhiên, tác giả không khuyến nghị sử dụng nó do những hạn chế trong khả năng tùy biến, hiệu suất và cách tiếp cận "utility-first" có thể gây khó khăn cho việc bảo trì.

Lập trình viên nên đọc bài này để hiểu cách Tailwind CSS có thể khiến dự án trở nên rắc rối hơn khi không có kiến thức về thiết kế UI, dẫn đến thời gian phát triển lâu hơn và chất lượng thiết kế kém hơn so với cách sử dụng CSS truyền thống hoặc các framework khác.

Can we make default tailwind a more accessible choice?

Tailwind sử dụng đơn vị rem cho các breakpoint nhằm mục đích cải thiện khả năng truy cập …

Contextualism At CSSday 2026 · August 12, 2026

Xem bài thuyết trình "Contextualism" của tôi tại CSS Day 2026 trên nền tảng Conffab.

Là người phát triển web, bạn sẽ hiểu rõ cách thiết kế CSS hiệu quả hơn bằng cách áp dụng nguyên tắc contextualism—tận dụng ngữ cảnh của trang web để tối ưu hóa hiệu suất và tính duy nhất, thay vì cố gắng áp dụng các quy tắc chung một cách cứng nhắc.

Max Value Of A CSS Length Layout Unit · August 5, 2026

Giá trị tối đa cho đơn vị độ dài CSS trong layout là 33.554.432px.

Lập trình viên nên đọc bài này để hiểu cách xử lý các giá trị cực lớn trong CSS, tránh lỗi layout khi làm việc với các đơn vị dài như px trong các trường hợp thiết kế phức tạp.

Breakout Background using Modern CSS

Sử dụng border-shape hoặc border-image trong CSS hiện đại để kéo dài màu nền đến tận mép màn hình.

Lập trình viên nên đọc bài này để khám phá cách tạo hiệu ứng nền phù hợp với thiết kế hiện đại bằng CSS border-shape và border-image, giúp tối ưu hóa hiệu suất và trải nghiệm người dùng mà không cần phụ thuộc vào JavaScript.

3D CSS, from Super Mario Bros 3 to Mario 64

Bài viết hướng dẫn tạo hiệu ứng 3D trong CSS từ cơ bản đến nâng cao, bao gồm các kỹ thuật như thiết lập perspective, điều chỉnh góc nhìn (perspective-origin), duy trì chiều sâu (transform-style: preserve-3d), di chuyển và xoay đối tượng bằng translateZ/rotateX/Y/Z, cùng cách tạo hoạt ảnh mượt mà và đảm bảo tính truy cập. Kết quả là một cảnh 3D đơn giản có thể xoay quanh, hoàn toàn không sử dụng WebGL.

Lập trình viên nên đọc bài này để khám phá cách tạo hiệu ứng 3D đơn giản bằng CSS—không cần WebGL—để áp dụng vào thiết kế UI, game nhỏ hoặc hiệu ứng tương tác trên web một cách hiệu quả và dễ triển khai.