The HTML dialog tag

Dark mode toggles: two states are enough

Lea Verou phản đối các giao diện chế độ sáng/tối có ba tùy chọn (sáng, tối, hệ thống) vì thừa thãi, cho rằng chỉ cần hai trạng thái là đủ.

Một lập trình viên nên đọc bài này để hiểu cách tối ưu hóa giao diện người dùng bằng cách loại bỏ trạng thái trung gian không cần thiết trong chế độ tối/nhạt, giúp cải thiện hiệu suất và trải nghiệm thiết kế đơn giản hơn.

Modernist Tiles with CSS Grid

Bài viết hướng dẫn cách tạo hoa văn sàn gạch thủy lực bằng CSS Grid và custom properties, sử dụng một họa tiết duy nhất, quy tắc xoay và không có yếu tố ngẫu nhiên.

Nếu bạn muốn tạo ra các mẫu gạch sàn hiện đại với độ chính xác cao và hiệu suất tốt bằng CSS Grid mà không cần phụ thuộc vào ngẫu nhiên, bài viết này sẽ hướng dẫn cách áp dụng các thuộc tính tùy chỉnh và quy tắc lặp lại để tạo ra những mẫu đẹp, dễ kiểm soát và hiệu suất cao.

Animating CSS border-image

Hình ảnh viền (border image) thường bị bỏ qua, nhưng hiệu ứng slice có thể trải rộng toàn bộ viền phần tử. Việc animate border image sẽ tạo ra những hiệu ứng đẹp mắt.

Là người viết mã, bạn nên đọc để khám phá cách tạo hiệu ứng thẩm mỹ và hiệu suất cao bằng CSS mà không cần phụ thuộc vào JavaScript, giúp tối ưu hóa giao diện và tăng tính tương tác cho dự án của mình.

Get Grid Information using pure CSS

Bằng vài dòng code CSS, bạn có thể lấy được số cột, số hàng và tọa độ của các item trong grid.

Lập trình viên nên đọc bài này để khám phá cách sử dụng CSS puro để tránh phụ thuộc vào JavaScript, giúp tối ưu hóa hiệu suất và giảm thiểu code phụ thuộc bên ngoài khi xử lý thông tin grid một cách đơn giản và hiệu quả.

HTML & CSS Error Statistics: We Validated the Top 5,000 Websites

Kiểm tra 5.000 website hàng đầu, 90,5% trong số 2.655 website có thể truy cập được vi phạm …

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.

Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong

Cảnh báo về aria-hidden bị chặn là đúng, nhưng hầu hết các cách khắc phục bạn tìm thấy đều …

CSS Container Queries

CSS Container Queries cho phép style một component dựa trên chiều rộng riêng của nó thay vì viewport. Bài viết đề cập đến các khái niệm như container-type, named containers, query units cùng những "bẫy" có thể phá vỡ bố cục.

Lập trình viên nên đọc về CSS Container Queries để khám phá cách điều chỉnh thiết kế UI theo kích thước của thành phần riêng biệt thay vì phụ thuộc vào màn hình, giúp tối ưu hóa giao diện cho các thiết bị và kích thước màn hình khác nhau một cách linh hoạt và hiệu quả.