July 2026 Baseline monthly digest

JavaScript Event Loop Explained: Queue Tracing and Debugging Guide

Event Loop trong JavaScript hoạt động khác biệt giữa browser và Node.js, đặc biệt với cách …

Tailwind CSS v4 Dynamic Themes with CSS Variables

Tailwind CSS v4 cho phép tạo giao động màu sắc và chế độ tối linh hoạt thông qua CSS variables và @theme inline. Công nghệ này giúp kết hợp nhiều color theme và dark mode mà không cần dùng dark: variants. Thay vào đó, các utility như bg-primary có thể thích ứng tại runtime dựa trên giá trị CSS variables. Đáng học hỏi là cách tiếp cận này giúp quản lý theme dễ dàng hơn với 70% ít code CSS so với các phiên bản trước.

Bài viết hướng dẫn cách sử dụng CSS Variables để tạo themes động trong Tailwind CSS v4 mà không cần dark: variants, giúp tối ưu hóa trải nghiệm người dùng.

Sidequest: A 100% Offline Vision-Language Scavenger Hunt Where the Screen Is the Shortest Part of the Walk

Sidequest là một dự án mã nguồn mở tham gia Hacktoberfest AI Challenge, tổ chức các cuộc săn tìm bằng công nghệ Vision-Language 100% offline. Dự án sử dụng mô hình OpenAI CLIP và các API AR của Android/iOS để nhận diện vật thể thực tế mà không cần kết nối internet. Người dùng phải đi bộ và tìm kiếm các vật thể theo mô tả, với thời gian di chuyển chiếm phần lớn trải nghiệm thay vì nhìn màn hình hình. Đây là ví dụ thú vị về ứng dụng AI thực tế, kết hợp xử lý hình ảnh ngôn ngữ với hoạt động thể chất ngoài trời.

Bài giới thiệu dự án Sidequest cho thấy cách AI có thể kết hợp với thế giới thực để tạo ra trải nghiệm công nghệ độc đáo và khuyến khích người dùng tương tác với môi trường xung quanh.

TanStack Charts 1.0

TanStack Charts 1.0 là thư viện charting hiện đại, cung cấp giải pháp thay thế cho các …

I guess I'm using WebP now?

Sau 20 năm sử dụng các định dạng ảnh truyền thống, tác giả đã chuyển sang định dạng WebP. Sự thay đổi này đến từ ưu điểm về tỷ lệ nén cao hơn so với JPEG và PNG, giúp giảm đáng kể kích thước file mà không làm giảm chất lượng ảnh. Hệ quả là tốc độ tải trang web được cải thiện đáng kể, trải nghiệm người dùng tốt hơn và tiết kiệm băng thông. Đáng học hỏi là dù ban đầu có e ngại, WebP hiện đã trở thành giải pháp tối ưu cho hầu hết các trường hợp sử dụng hình ảnh trên web.

Bài viết giúp lập trình viên hiểu tại sao nên chuyển sang định dạng hình ảnh WebP để tối ưu hóa hiệu suất website.

Bootstrap 6 Alpha

Bootstrap 6 Alpha vừa được phát hành với bản alpha đầu tiên, đánh dấu một lần tái cấu trúc …

Git Isn't a Diff Tracker: How Blobs, Trees, DAG Commits, and the Index Actually Work Under the Hood

Bài viết đi sâu vào kiến trúc nội bộ Git trong 10 phút, giải thích cách cơ chế storage địa chỉ nội dung hoạt động. Git không bao giờ lưu diff mà lưu toàn bộ file thông qua objects, trees và commits tạo thành cấu trúc DAG. Index đóng vai trò chuẩn bị tree objects trước khi commit, giúp tối ưu hóa quá trình lưu trữ. Đáng học nhất là kỹ năng sử dụng reflog để phục hồi bất kỳ commit bị mất nào, cùng hiểu rõ về blob, tree và commit structure trong Git internals.

Bài này giúp lập trình viên hiểu sâu cơ chế hoạt động nội bộ của Git qua cách Git lưu trữ dữ liệu, quản lý đối tượng và khôi phục commit bị mất.