Moving Around a Grid and Respecting Boundaries

The Future of CSS: Target Multiple Classes with the Class Prefix Selector

CSS sắp bổ sung bộ chọn Class Prefix Selector (.prefix-*) cho phép nhắm mục tiêu tất cả …

The asteroid currently hitting frontend web development

Nhiều giáo viên nổi tiếng trong lĩnh vực frontend web development như Axel Rauschmayer, Salma Alam‑Naylor, Josh W. Comeau đang giảm hoạt động hoặc ngừng giảng dạy. Nguyên nhân kỹ thuật là sự thay đổi nhanh chóng của công cụ và framework — ví dụ React 18, Vite, Turbopack — cùng với xu hướng chuyển sang full‑stack và AI‑assisted coding khiến nội dung học tập cũ nhanh lỗi thời, forcing educators to constantly rewrite materials. Hệ quả là các nhà phát triển mới tìm khó kiếm nguồn học tập chất lượng cao, cộng đồng mất đi những bài viết sâu sắc và các khóa học có cấu trúc, dẫn đến sự phân mảnh kiến thức và tăngภาร� tự học. Điều đáng học là để duy trì sự liên quan, các tác giả cần xây dựng nội dung mô‑đun, dễ cập nhật và tập trung vào nguyên tắc không thay đổi (kiến trúc component, quản lý state, hiệu suất render) thay vì chỉ theo xu hướng công cụ cụ thể. Điều này cũng nhắc nhở lập trình viên nên cân bằng giữa việc học công cụ mới và nắm vững nền tảng lý thuyết, đồng thời tham gia vào việc đóng góp lại cho cộng đồng qua bài viết hoặc mã nguồn mở.

Bài viết này giúp bạn hiểu được xu hướng thay đổi quan trọng trong ngành phát triển frontend từ những chuyên gia hàng đầu.

Almost nobody pays attention to web standards anymore

Một nghiên cứu của nhà phát triển Théo Ducreux trên 5.000 tên miền phổ biến nhất cho thấy 87,2% vi phạm tiêu chuẩn HTML/CSS, chỉ 12,8% hợp lệ hoàn toàn và 2,6% không có lỗi hay cảnh báo. Hơn 1/3 không đạt kiểm tra khả năng truy cập, với 20,4% thiếu alt text và 41,6% thiếu ARIA labels; lỗi lồng thẻ chiếm 59% do các framework front-end sinh ra markup lỗi thời điểm build. Các trình duyệt cho phép phục hồi lỗi đã dung túng mã kém chất lượng, gây hỏng hóc cho trình đọc màn hình, trợ lý AI hay công cụ dịch.

Lập trình viên nên đọc bài này để hiểu rõ cách các tiêu chuẩn web hiện nay bị vi phạm rộng rãi, từ đó nâng cao kiến thức về cách viết mã chính xác, đảm bảo tính khả dụng và tương thích với các công cụ tương lai như AI và trợ lý giọng nói.

WebSockets vs. SSE should be about ordering and correctness

Hiện nay nhiều dự án thảo luận việc truyền HTML qua WebSockets hoặc qua Server‑Sent Events (SSE) kết hợp với Fetch API để cập nhật giao diện real‑time. WebSockets cung cấp kênh full‑duplex liên tục nhưng không có cơ chế tự động reordering gói tin, trong khi SSE dựa trên HTTP/1.1 (hoặc HTTP/2) và đảm bảo sự kiện được gửi theo thứ tự kết nối, tuy nhiên chỉ là một chiều và phụ thuộc vào xử lý lỗi kết nối. Nếu팀 chỉ nhìn vào độ trễ hoặc throughput mà bỏ qua việc bảo证 sự kiện đến theo thứ tự đúng, giao diện có thể hiển thị các mảnh HTML cũ sau khi đã nhận được bản cập nhật mới, dẫn tới lỗi hiển thị hoặc trạng thái không nhất quán. Thay vì tranh luận WebSockets vs SSE chỉ từ góc độ hiệu suất, nhóm phát triển nên tập trung vào việc thiết kế cơ chế định danh và kiểm tra thứ tự (ví dụ: gắn ID tăng dần, sử dụng idempotent update hoặc buffer reordering) để đảm bảo tính đúng của luồng dữ liệu bất kể chọn phương thức nào. Khi áp dụng đúng cách, cả hai công nghệ đều có thể truyền HTML real‑time mà không lo về thứ tự, cho phép lựa chọn dựa trên nhu cầu duplex hay đơn giản hơn của ứng dụng.

Bài viết này giúp lập trình viên hiểu được lựa chọn giữa WebSockets và SSE nên dựa trên yêu cầu về thứ tự và độ chính xác của dữ liệu, không chỉ dựa trên phương thức kỹ thuật.

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.

ESLint v10.9.0 released

ESLint vừa phát hành phiên bản 10.9.0, công cụ linting phổ biến để kiểm tra mã JavaScript. Phiên bản này nâng cấp hệ thống plugin và cấu hình, cho phép tùy chỉnh quy tắc sâu hơn mà không cần thay đổi core. Nhờ đó, các nhà phát triển có thể phát hiện sớm các mẫu mã lỗi, kiểu dữ liệu không nhất quán và vi phạm phong cách với ít lỗi lặp hơn. Cải thiện hiệu suất của quá trình lint cũng giúp giảm thời gian chạy CI/CD trong các dự án lớn. Bài học là việc cập nhật ESLint định kỳ giúp duy trì chất lượng mã và tận dụng tối đa khả năng mở rộng của công cụ.

Lập trình viên nên đọc bài này để cập nhật những tính năng mới và cải tiến quan trọng trong ESLint v10.9.0 giúp nâng cao chất lượng code và tăng hiệu quả công việc.

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.

The SvelteKit 3 Release Candidate is here

Bản phát hành ứng viên SvelteKit 3 đã được ra mắt với nhiều cải tiến và loại bỏ những phần không cần thiết.

Một lập trình viên nên đọc bài này để khám phá những cải tiến mới trong SvelteKit 3, giúp phát triển ứng dụng web nhanh hơn và đơn giản hơn với các tính năng hiện đại như tích hợp tự động, quản lý trạng thái tiên tiến và hỗ trợ cho các công nghệ tương lai.