Issue #757: What's new in HTML for 2026 — Frontend Focus

Password Protection now costs $20 per project per month on Pro

Password Protection giờ đây có giá 20 USD/tháng/đề án trên gói Pro, thay thế cho gói add-on Advanced Deployment Protection trước đây có giá 150 USD/tháng. Tính năng bảo vệ bằng mật khẩu giờ đã được tích hợp trực tiếp vào gói Pro thay vì là một dịch vụ riêng biệt. Các khách hàng doanh nghiệp vẫn được bao gồm tính năng này ở cấp độ team. Các team đang sử dụng add-on trước đây vẫn duy trì được phạm vi bảo vệ toàn team. Đây là sự thay đổi chính sách định giá quan trọng mà các lập trình viên cần cân nhắc khi lập kế hoạch chi phí bảo mật cho dự án của mình.

Bài viết cung cấp thông tin cập nhật về giá bảo mật mật khẩu và lợi ích dành cho khách hàng Pro và Enterprise, giúp bạn tối ưu chi phí bảo mật dự án.

The best dark mode toggle is probably none • Lea Verou

Vấn đề về toggle dark mode hai trạng thái đã gây nhiều tranh cãi, nhưng nghiên cứu mới cho …

Antiquated HTML Snippets and Artefacts

Bối cảnh của bài viết là tổng quan về các đoạn HTML cũ từng phổ biến trên website để giải quyết các vấn đề cụ thể với công nghệ trình duyệt như Internet Explorer và Netscape. Nguyên nhân kỹ thuật khiến các đoạn mã này trở nên lỗi thời là sự tiến hóa của chuẩn web và sự ra đời của API, framework mới với tính năng ưu việt hơn. Hệ quả là các đoạn HTML này hiện gây lãng phí tài nguyên, khó bảo trì và có thể ảnh hưởng đến hiệu suất website. Điều đáng học là bài viết giúp nhận diện và loại bỏ các đoạn mã thừa, đồng thời cung cấp giải pháp thay thế bằng công nghệ hiện đại như React hay VueJS để tối ưu hóa mã nguồn website.

Bài viết này giúp lập trình viên nhận diện và loại bỏ mã HTML lỗi thời trong dự án hiện tại.

The Golden Switch, or migrating from Gatsby to Astro in under 9¾ days—Martian Chronicles, Evil Martians’ team blog

Sau 4 năm vận hành 367 bài viết trên Gatsby mà không có đội ngũ chuyên trách, Evil Martians di chuyển toàn bộ website sang Astro trong vòng hai tuần. Quá trình chuyển đổi được thực hiện hiệu quả nhờ sử dụng LLM (Large Language Model) để tự động hóa chuyển đổi code từ Gatsby sang Astro. Chi tiết kỹ thuật cho thấy họ xử lý các thành phần React components, chuyển đổi từ Gatsby Image sang Astro Image, và tích hợp Tailwind CSS. Bài viết cung cấp case study quý giá về cách áp dụng AI để giảm thiểu công sức khi chuyển đổi framework, giúp các đội ngũ tiết kiệm thời gian và nguồn lực đáng kể trong các dự án tương tự.

Bài viết chia sẻ trải nghiệm chuyển đổi từ Gatsby sang Astro nhanh chóng bằng cách tận dụng LLM, giúp lập trình viên tiết kiệm thời gian và nguồn lực khi thực hiện dự án tương tự.

Is Minifying CSS Necessary? (2023)

Trong bối cảnh tối ưu hóa website, việc minifying CSS từng được coi là bắt buộc. Tuy nhiên nghiên cứu mới nhất cho thấy ngay cả trong các trường hợp cực đoan, việc này chỉ giảm thiểu khoảng 0.5-2% dung lượng tổng thể. Nguyên nhân kỹ thuật là do trình duyệt hiện đại đã hỗ trợ nén HTTP/2, loại bỏ lợi thế từ minification. Hệ quả là các công cụ như PurgeCSS hay CSSnano giờ chỉ cần được sử dụng khi làm việc với các bundle cực lớn. Bài viết này đáng học vì nó chứng minh việc tối ưu không nên dựa trên kinh nghiệm cũ mà cần dựa trên dữ liệu thực tế và công nghệ hiện tại.

Bài viết này giúp lập trình viên hiểu rõ khi nào việc nén CSS thực sự cần thiết để tránh tối ưu hóa không cần thiết.

I still like writing websites by hand

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 2017, và trang đó vẫn không bị thay đổi tới nay. Ông chọn viết bằng HTML thuần, CSS và vanilla JavaScript, không dùng bất kỳ framework hoặc công cụ build nào, nhằm tối ưu độ đơn giản và khả năng duy trì lâu dài. Sau hơn ba năm, trang web vẫn hoạt động ổn định mà không cần cập nhật, cho thấy việc tránh phụ thuộc vào thư viện bên thứ ba giảm thiểu rủi ro lỗi và công việc bảo trì. Điều này cho thấy khi mục tiêu là một trang web tĩnh thay đổi hiếm, việc hand‑code giúp kiểm soát hoàn toàn mã nguồn, giảm kích thước tải và dễ dàng di chuyển giữa các host. Bài viết nhắc nhở lập trình viên cân nhắc trade‑off giữa tốc độ phát triển bằng framework và lợi ích lâu dài của mã nguồn hand‑written, đặc biệt cho các dự án có thời gian sống dài.

Bài viết này giúp bạn hiểu được giá trị của việc viết website thủ công trong kỷ nguyên framework hiện đại.

September 2026 - cn

Trước đây mỗi component thường phải import hàm cn từ hai gói khác nhau và đồng thời duy trì một hàm helper cục bộ để xử lý lớp CSS. Từ tháng 9/2026, các component được sửa đổi để import trực tiếp hàm cn từ gói cn duy nhất. Thay đổi này giảm số lượng dependency xuống một và loại bỏ hoàn toàn helper cục bộ. Việc đơn giản hoá giúp giảm thời gian cài đặt, giảm nguy cơ phiên bản không khớp và làm sạch mã nguồn. Điểm học được là khi có một gói cung cấp đầy đủ tính năng cần thiết, việc tập trung dependency và loại bỏ mã phụ trợ không cần thiết sẽ cải thiện độ ổn định và dễ bảo trì của dự án.

Bài viết giúp bạn tối ưu hóa việc quản lý dependencies trong các component bằng cách thay thế hai thư viện bằng một gói cn duy nhất.