[RFC] grapheme_mask – Vote Initiation on July 3rd

The Shifting Line Between CSS States and JavaScript Events

CSS pseudo-classes ngày càng tương đồng với JavaScript event listeners, giúp xử lý trạng thái UI mà không cần viết JS. Bài viết so sánh các pseudo-classes phổ biến (:hover, :focus, :valid...) với sự kiện JavaScript tương ứng, đồng thời giới thiệu spec event-trigger mới (chưa được hỗ trợ) cho phép CSS lắng nghe sự kiện trực tiếp để kích hoạt animation.

Những kiến thức về sự tương đồng giữa các trạng thái CSS và sự kiện JavaScript giúp lập trình viên tối ưu hóa mã, giảm bớt sự phụ thuộc vào JavaScript và khám phá các tính năng tương lai của CSS để làm UI đẹp hơn, nhanh hơn và hiệu suất cao hơn.

Astro 7.0

Phiên bản Astro 7.0 tập trung tối ưu hiệu suất với tốc độ build nhanh hơn 15–61%, nhờ compiler Rust mới thay thế Go cũ, pipeline Markdown/MDX bằng Sätteri (Rust), Vite 8 + Rolldown (nhanh gấp 10–30 lần Rollup), cùng cơ chế rendering hàng đợi ổn định. Tính năng Routing nâng cấp với src/fetch.ts, hỗ trợ middleware Hono, cache CDN từ Netlify/Vercel/Cloudflare, và cải tiến AI agent với chế độ dev nền, phát hiện tự động cùng logging JSON có cấu trúc.

Lập trình viên phát triển web nên đọc bài này vì Astro 7.0 mang đến những cải tiến công nghệ như Rust-based compiler và Vite 8 + Rolldown, giúp tối ưu hóa hiệu suất build và giao diện người dùng, đồng thời mở rộng khả năng quản lý lưu trữ và xử lý AI, giúp xây dựng ứng dụng web nhanh hơn và hiệu quả hơn.

Your Symfony App Now Runs on Laravel Cloud

Laravel Cloud giờ đây hỗ trợ triển khai ứng dụng Symfony trên cùng hạ tầng PHP được quản lý như Laravel. Nền tảng này tự động phát hiện Symfony qua composer.json, xử lý cấp phát server, SSL, scaling và triển khai không downtime, kèm theo preview environments, flex compute, metrics, logs, cache Valkey, và DATABASE_URL tự động.

Lập trình viên Symfony nên đọc bài này để khám phá cách Laravel Cloud tự động tối ưu hóa deployment, bảo mật và hiệu năng cho ứng dụng Symfony của mình với chi phí thấp và không cần quản lý server thủ công.

ARIA, anti-patterns, and you

ARIA Authoring Practices Guide (APG) không phải hướng dẫn tối ưu cho website mà chỉ minh …

Rust Web Development 2026: The Problems Nobody Talks About

Năm 2026, phát triển web bằng Rust vẫn đối mặt nhiều thách thức chưa được đề cập rộng rãi …

Experimenting with random() in CSS

CSS sắp bổ sung hàm random() tạo giá trị ngẫu nhiên cho thuộc tính, hỗ trợ range min/max, step, và element-scoped để giữ nhất quán trên cùng phần tử. Demo ứng dụng gồm hiệu ứng bokeh, rơi cánh hoa anh đào, ảnh Polaroid xếp chồng, và bài thơ thị giác. Tính năng random-item() chưa có thể mô phỏng bằng random() + @property cùng style queries. Hiện chỉ Chromium 148+, Safari 26.2+ và Polypane 29+ hỗ trợ, Firefox chưa tương thích.

Lập trình viên muốn tận dụng thiết kế tương tác động lực và hiệu ứng sinh học trong UI ngay trên trình duyệt mà không cần phụ thuộc vào JavaScript để khám phá công cụ mới này.

When A Favicon Becomes The Entire Website

Tim Wehrle tạo ra một cách hack sáng tạo khi nhúng toàn bộ website HTML vào tệp favicon dưới dạng hình ảnh PNG bằng cách mã hóa các byte UTF-8 thành dữ liệu hình ảnh. Một payload HTML 208-byte cùng header PNG 4-byte vừa đủ trong favicon 9×9 pixel, sau đó dùng TypeScript để giải nén và hiển thị trang web trong trình duyệt. Dự án mã nguồn mở trên GitHub kèm demo trực tuyến.

Lập trình viên nên đọc bài này để khám phá cách áp dụng kỹ thuật mã hóa và giải mã dữ liệu trong thiết kế giao diện web, mở rộng khả năng tương tác và tối ưu hóa không gian lưu trữ cho các ứng dụng nhỏ gọn.