Web-Perf Wednesday 004 – A Quiet Week Is Time to Investigate – CSS Wizardry

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 …

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.

Stop using the localStorage hack to sync browser tabs. BroadcastChannel does it natively.

Thay vì dùng localStorage hack, giờ đây có thể dùng BroadcastChannel API để đồng bộ tab trình duyệt một cách tự nhiên, ví dụ như đăng xuất cùng lúc trên nhiều tab hay cập nhật giỏ hàng tức thì.

Lập trình viên nên đọc bài này để tìm hiểu cách sử dụng BroadcastChannel thay vì giải pháp thủ công với localStorage để đồng bộ hóa dữ liệu giữa các tab mà không cần server, giúp giải quyết vấn đề logout hoặc cập nhật cart một cách hiệu quả và an toàn hơn.

Reminder that `system-ui` is well supported, when you use it on macOS you get San Francisco which is a variable font, which is fun, and the fallbacks are pretty good. – Master.dev Blog

Hệ thống phông chữ system-ui được hỗ trợ rộng rãi, đặc biệt trên macOS sẽ sử dụng San Francisco (một variable font) cùng các fallbacks hiệu quả.

Lập trình viên nên đọc bài này để khám phá cách tối ưu hóa giao diện người dùng bằng font hệ thống macOS (San Francisco) và các fallback hiệu quả, giúp ứng dụng của bạn có thiết kế chuyên nghiệp, nhanh chóng và tiết kiệm tài nguyên.

Issue #798: Shipping less JavaScript with Baseline — JavaScript Weekly

Bản tin JavaScript Weekly số 798 giới thiệu cách tối ưu hóa lượng JavaScript khi sử dụng Baseline, nhằm giảm thiểu dung lượng tải xuống.

Lập trình viên nên đọc bài này để khám phá cách Baseline giúp giảm tải trọng JavaScript không cần thiết, tối ưu hóa tốc độ tải trang và hiệu suất ứng dụng mà không cần thay đổi mã nguồn hiện 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 …

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.

Astro 7.2

Astro 7.2 bổ sung các tính năng thử nghiệm như incremental static builds, tùy chọn tắt hỗ …