What’s !important #17: Custom Highlight API, CSS Navigation Matching, Fixing text-stroke, and More

Exploring Compose HTML for Server Side Rendering

Compose HTML là giải pháp cho Server Side Rendering (SSR) trên nền JVM, cung cấp cách xây dựng giao diện người dùng đã render sẵn trên server một cách an toàn về kiểu dữ liệu, không cần ngôn ngữ template riêng biệt.

Lập trình viên JVM nên đọc bài này vì Compose HTML giúp họ xây dựng UI server-side một cách an toàn về kiểu dáng và dễ dàng hơn bằng cách kết hợp với ngôn ngữ Kotlin, thay vì phải học thêm các ngôn ngữ templating truyền thống.

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 …

WebAssembly: an introduction

WebAssembly (WASM) cho phép trình duyệt thực thi mã đã biên dịch từ các ngôn ngữ như Rust, C và C++. Công nghệ này phát huy ưu thế trong các tác vụ nặng về hiệu suất, giúp nhà phát triển web quan tâm khi cần tối ưu hóa tốc độ xử lý.

Là người viết mã hiệu suất cao, bạn nên đọc bài này để khám phá cách WebAssembly giúp tối ưu hóa ứng dụng web bằng mã nguồn từ các ngôn ngữ như Rust, C, hoặc C++, mang lại hiệu suất gần như máy tính truyền thống mà vẫn chạy trên trình duyệt.

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 đặc tả HTML. Bài viết cung cấp bảng xếp hạng đầy đủ về mọi lỗi HTML cùng tần suất xuất hiện thực tế.

Lập trình viên nên đọc bài này để hiểu rõ về những lỗi HTML phổ biến nhất trên thực tế và cách tối ưu hóa mã của mình để đảm bảo hiệu suất, tính tương thích và tránh các vấn đề về SEO khi phát triển website.

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.

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

Có thể điều chỉnh thời gian hiển thị tooltip mà không cần JavaScript nhờ vào CSS và HTML hiện đại, đồng thời vẫn đảm bảo khả năng tương thích dự phòng hoàn toàn.

Lập trình viên nên đọc bài này để khám phá cách sử dụng CSS và HTML đơn giản để tạo hiệu ứng tooltip phản hồi tức thì ngay sau khi chờ đợi, thay vì phụ thuộc vào JavaScript phức tạp, giúp tiết kiệm thời gian và code.

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 …