Last week in the studio (CW29-26)

Grid Lanes – The Future of Masonry Layout

Grid Lanes, giải pháp phân bố masonry layout đang gây tranh luận, đã chính thức ra mắt và …

Choose your own dark mode

Tác giả bổ sung tính năng chọn màu tùy thích cho chế độ tối (dark mode) thông qua bảng chọn màu.

Lập trình viên nên đọc bài này để tìm hiểu cách triển khai dark mode tùy chỉnh bằng công cụ color picker để tối ưu hóa giao diện người dùng, giảm tiêu thụ năng lượng thiết bị và mang lại trải nghiệm thân thiện hơn với nhiều người dùng khác nhau.

Get Ready For the Powerful CSS border-shape Property!

Thuộc tính CSS sắp ra mắt border-shape cho phép định hình toàn bộ phần tử đồng thời giữ nguyên border, box-shadow và outline, khắc phục hạn chế của clip-path. Tính năng này hỗ trợ đa dạng hiệu ứng như border dạng shape, background cắt gọt, hoạt ảnh, hiện chỉ khả dụng trên Chrome.

Lập trình viên nên đọc bài này để khám phá cách border-shape trong CSS sẽ giải quyết vấn đề tạo các hiệu ứng trang trí (border, shadow) theo hình dạng tự do mà không cần cắt bỏ bằng clip-path, mở rộng khả năng tạo UI sáng tạo và hiệu ứng động hình với các ví dụ thực tế.

How to create awesome staggered animations in CSS

CSS hiện đại hỗ trợ tạo hiệu ứng staggered animation (hoạt ảnh so le) trực tiếp bằng các …

What’s new in Web UI (Google I/O 2026)

Bài chia sẻ tại Google I/O 2026 giới thiệu các tính năng mới cho Web UI như scroll-triggered animations, scoped view transitions, UI components và primitives CSS/HTML. Demo có sẵn trên CodePen, kèm bài viết chi tiết trên Chrome for Developers.

Lập trình viên nên đọc để cập nhật những công cụ UI hiện đại mới nhất từ Google, giúp tối ưu hóa giao diện web với các tính năng mới như chuyển tiếp hiển thị và hoạt động nhảy trượt, giúp cải thiện trải nghiệm người dùng và hiệu suất phát triển.

GitHub - spiritov/ds.css: A css framework recreating the DS / DS Lite's UI

ds.css là framework CSS mã nguồn mở mô phỏng giao diện người dùng của Nintendo DS Lite, có thể sử dụng bằng cách sao chép thư mục /css hoặc cài đặt qua npm. Dự án cung cấp bản xem trước trực tiếp và đang phát triển thêm các thành phần như đồng hồ, lịch, cùng nhiều UI lấy cảm hứng từ DS.

Lập trình viên nên đọc bài này để khám phá cách tái tạo UI cổ điển của Nintendo DS Lite bằng CSS, giúp tìm hiểu về thiết kế giao diện đơn giản, thân thiện và hiệu suất cao, có thể ứng dụng vào các dự án web hiện đại với phong cách retro.

Why default Tailwind is not always an accessible choice

Tailwind CSS mặc định dùng breakpoint dựa trên rem, khiến layout thay đổi bất ngờ khi người dùng điều chỉnh cỡ chữ mặc định của trình duyệt, trong khi breakpoint px vẫn ổn định. Mặc dù rem tốt hơn cho người đọc có nhu cầu phóng to chữ, nhưng nó kém dự đoán hơn và không nhất thiết tuân WCAG 1.4.4 như zoom trang. Nhà phát triển nên chủ động chọn giữa rem hay px dựa trên đối tượng người dùng mục tiêu.

Lập trình viên nên đọc bài này để hiểu cách Tailwind CSS ảnh hưởng đến tính khả dụng (accessibility) khi sử dụng breakpoints rem mặc định, giúp họ lựa chọn giữa rem và px một cách thông minh để phù hợp với nhu cầu người dùng thay đổi font mặc định hoặc zoom trang web.