HTML, CSS & JavaScript: The Three Skills Every Developer Must Master Before Chasing Frameworks

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.

Bun v1.4.2

Bản phát hành Bun v1.4.2 được ra để sửa hai hồi quy ảnh hưởng tới Elysia và …

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 …

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.

This Month in Ladybird

Ladybird là một dự án trình duyệt mới được xây dựng từ đầu, nhằm mang lại trải nghiệm hiện đại và khả năng tùy chỉnh cao cho nhà phát triển và người dùng cuối. Trong bản cập nhật này, nhóm đã thêm chế độ duyệt ẩn danh, hỗ trợ nhiều hồ sơ người dùng, cũng như tích hợp chức năng undo/redo cho trình soạn thảo nội dung, đồng thời mở rộng hỗ trợ API Geolocation và WebAudio để nâng cao tính tương tác đa phương tiện. Những thay đổi này đi kèm với việc di chuyển bộ xử lý style và layout sang Rust, giúp tăng tốc compositor khoảng 30 % và giảm mức tiêu thụ bộ nhớ, đồng thời làm cho các tính năng mới như private browsing và profiles hoạt động ổn định hơn. Kết quả cho thấy việc áp dụng Rust cho các thành phần hiệu suất cao mang lại lợi ích rõ rệt về tốc độ và an toàn bộ nhớ, cung cấp bài học quan trọng cho các dự án trình duyệt khác khi cân nhắc di chuyển một phần mã nguồn sang ngôn ngữ này.

Bài viết cập nhật những tiến bộ mới nhất về trình duyệt Ladybird giúp lập trình viên nắm bắt công nghệ và cải thiện hiệu suất phát triển web.

Temporal: JavaScript Finally Fixes Dates

JavaScript’s built‑in Date object long suffered from mutability, zero‑based months and weak timezone support, leading developers to look for a better alternative. Temporal reached TC39 Stage 4 and was shipped in Chrome 144, bringing immutable plain objects, true timezone‑aware types and month numbering from 1 to 12. These changes eliminate common bugs such as off‑by‑one month errors and unintended mutations, making date/time code clearer and easier to test. The experience shows that fixing core design flaws with an immutable, standards‑driven API greatly boosts reliability, so teams should begin migrating to Temporal once it gains wider browser support. Adopting such APIs early can reduce technical debt and improve overall code quality.

Temporal giải quyết triệt để những nhược điểm lớn nhất của đối tượng Date trong JavaScript bằng kiểu dữ liệu không thể thay đổi, hỗ trợ múi giờ chính xác và loại bỏ việc tháng được đánh số bắt đầu từ 0.

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.