CSS gained a new @supports named-feature() function to detect implementation-specific behaviors that traditional @supports checks cannot catch, such as partial feature support or the interaction between two properties. The classic example is 'Flexbox gap', where browsers could not distinguish gap working with Grid versus Flex layouts. The CSS Working Group adopted David Baron's proposal, and two keywords now exist: anchor-position-follows-transforms (supported in Chrome 150, Firefox 156, Safari Technology Preview) and single-axis-scroll-container (supported in Chrome 153, not yet in Firefox or Safari). The author proposed both keywords and worked directly with the Safari team to get support merged.
Source: https://www.bram.us/2026/08/27/feature-detecting-undetectable-css-features-with-supports-named-feature. 8 Sync News only summarizes and links out; content copyright belongs to the authors and original sources.
Đang tải bình luận…
Tác giả từng hand‑code một trang web cho Alex vào năm 2020, sau khi họ quen nhau từ năm …
Bài viết giới thiệu cách tạo hoạt ảnh dựa trên vị trí cuộn mà không cần JavaScript bằng …
Nhiều giáo viên nổi tiếng trong lĩnh vực frontend web development như Axel Rauschmayer …
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.
CSS sắp bổ sung bộ chọn Class Prefix Selector (.prefix-*) cho phép nhắm mục tiêu tất cả các class có tiền tố phân cách bằng dấu gạch ngang (như .btn-primary, .btn-secondary) mà không cần liệt kê riêng lẻ hay thêm class cơ sở. Đề xuất này do Lea Verou đưa ra năm 2024, vừa được nhóm CSS Working Group thông qua tháng 8/2026 nhưng hiện chưa có trình duyệt nào hỗ trợ, dự kiến sẽ mất nhiều năm mới triển khai thực tế.
Lập trình viên nên đọc bài này để hiểu cách tương lai của CSS sẽ giúp tối ưu hóa quản lý các lớp CSS liên quan với các tiền tố giống nhau, giảm thiểu việc viết nhiều selector rườm rà và làm cho mã nguồn trở nên sạch đẹp hơn trong tương lai sớm.
CSS cho phép sử dụng giá trị infinity bên trong hàm calc() cho các thuộc tính như border-radius. Công nghệ này mở ra nhiều ứng dụng sáng tạo cho các nhà phát triển web.
Bài viết này giúp bạn khám phá những ứng dụng sáng tạo và thú vị của giá trị vô cực trong CSS để nâng cao kỹ năng thiết kế giao diện.
Bài viết giới thiệu cách tạo widget web bằng Document Picture-in‑Picture API để hiển thị nội dung độc lập ngoài trang chính. Nguyên nhân kỹ thuật là sử dụng API để mở một cửa sổ Document Picture‑in‑Picture (DPIP window), một tài liệu HTML riêng biệt có thể được đặt lên trên mọi ứng dụng khác. Sau khi có cửa sổ DPIP, desenvol viên chèn HTML, CSS và JavaScript vào đó như một trang web thường, cho phép widget hoạt động với trạng thái và style riêng biệt, không bị ảnh hưởng bởi CSS hoặc JavaScript của trang gốc. Hệ quả là widget có thể luôn hiển thị trên đầu màn hình, di chuyển và thay đổi kích thước tự do, tiếp tục chạy ngay cả khi trang gốc bị ẩn hoặc navigated, đồng thời tuân thủ chính sách bảo mật yêu cầu tương tác người dùng để khởi tạo. Điều đáng học là trước khi áp dụng cần kiểm tra khả năng hỗ trợ của trình duyệt, xử lý trường hợp không hỗ trợ bằng phương án fallback và lưu ý về giới hạn kích thước và yêu cầu gesto để tránh chặn bởi chặn popup.
Bài viết này giúp bạn tạo ra các widget web linh hoạt với khả năng chạy độc lập trong cửa s Picture-in-Picture.
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.
Read the news here, practice coding, follow structured courses and train for IELTS on our sibling products — all connected through one 8 Sync account.
The ecosystem home: product overviews, blog and full pricing.
ExploreLearn along a clear roadmap: videos, auto-graded quizzes, certificates and mentors who ship for a living.
View the roadmap1,000+ DSA problems in Vietnamese, auto-graded across 7 languages — many FREE, right in your browser.
Practice for freeAI grading for all four IELTS skills with detailed rubric feedback.
Try it freeA 22 MB AI IDE for Vietnamese devs.
Download freeOrganizational memory for AI agents.
ExploreAI that staffs your Fanpage and qualifies leads for you.
Try it