By the numbers

Issue #748: The select element, sized just right — Frontend Focus

Số 748 của Frontend Focus giới thiệu nhiều chủ đề công nghệ web, bao gồm hướng dẫn chi tiết của Jake Archibald về cách điều chỉnh kích thước cho các thẻ select tùy chỉnh bằng calc-size(), phần tử usermedia mới của Google sắp ra mắt trong Chrome 151, bài nói về các mẫu UI CSS hiện đại, triển khai dark mode theo tiêu chuẩn web, hướng dẫn về API View Transitions, kỹ thuật render WebGL không cần GPU, và nghiên cứu thú vị về giới hạn gamut màu hiển thị.

Lập trình viên frontend nên đọc bài này để khám phá cách tối ưu hóa giao diện người dùng với các giải pháp hiện đại như calc-size() cho select element, khám phá tính năng mới của Chrome như usermedia và API mới như View Transitions để nâng cao hiệu suất và tính tương tác của ứng dụng web.

ProMe, a TTRPG Companion App

ProMe là ứng dụng hỗ trợ (companion app) cho trò chơi nhập vai solo *The Protector's …

Turbopack: What's New in Next.js 16.3

Next.js 16.3 cải thiện đáng kể hiệu suất Turbopack với giảm tới 90% bộ nhớ máy chủ dev nhờ …

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.

Deno 2.9

Phiên bản Deno 2.9 bổ sung công cụ deno desktop để xây dựng ứng dụng desktop native từ …

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.

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 …