webpack

GTA.js, a reimplementation of the 1997 Grand Theft Auto engine in JavaScript and WebGL

Dự án GTA.js tái tạo lại engine của game Grand Theft Auto năm 1997 bằng JavaScript và WebGL, có thể chơi tại gtajs.wtf. Đây là bản reimplement chứ không phải emulator, nên một số vật lý và animation khác với bản gốc, nhưng engine nhiệm vụ chính xác dựa trên tài liệu mtd.doc. Tác giả sử dụng Gemini AI để triển khai hầu hết các tính năng, tham khảo tài liệu mở, ghi chú cộng đồng và trí nhớ cá nhân về game. Hiện tại game đã chơi được nhưng cảnh sát (cops) vẫn chưa được implement.

Lập trình viên nên đọc bài này để khám phá cách tái tạo lại engine game cổ bằng JavaScript và WebGL từ con số không.

Pele – Mermaid diagrams as themeable SVG

Pele là một thư viện open source nhẹ giúp tạo các diagram Mermaid thành định dạng SVG. Thư viện này sử dụng CSS variables để cho phép tùy biến theme cho diagram, giúp lập trình viên có thể thay đổi màu sắc, kiểu dáng dễ dàng mà không cần chỉnh sửa trực tiếp code SVG. Với kích thước nhỏ nhẹ, Pele phù hợp cho các dự án cần hiển thị diagram nhưng cần tối ưu hiệu năng. Bạn có thể tích hợp Pele vào các dự án web hiện tại để tạo ra các diagram có thể tùy chỉnh theme linh hoạt thông qua CSS variables.

Pele cho phép lập trình viên tùy biến Mermaid diagrams bằng CSS variables, mang lại sự linh hoạt trong việc thiết kế giao diện.

LittleJS is 2D and 3D now

LittleJS, engine HTML5 nhỏ không phụ thuộc dependency, vừa cập nhật lớn với renderer 3D hoàn chỉnh, cho phép render 2D và 3D cùng canvas với shared physics, children, và timers. Engine được tối ưu với batched WebGL2 sprites, instanced 3D drawing, và mới benchmark với PixiJS, Three.js, PlayCanvas, Phaser, Babylon.js cho thấy hiệu năng vượt trội. Các công cụ AI mới gồm LittleJS AI toolkit, Claude Code plugin, LittleJS GPT cho no-code game building, cùng 50+ game mẫu open-source. Trang littlejsengine.com demo tất cả tính năng, và game jam thứ 3 diễn ra từ 2/10 đến 2/11.

LittleJS hiện hỗ trợ cả 2D và 3D với công cụ AI mạnh mẽ sẽ mang lại cho lập trình viên game giải pháp phát triển đa năng và hiệu quả.

JavaScript Microtasks vs Tasks: What Runs First?

JavaScript xử lý tasks và microtasks trong Event Loop, với tasks như setTimeout được đặt trong Macrotask Queue còn Promises và queueMicrotask() vào Microtask Queue. Microtasks luôn được thực thi trước tasks ngay sau mỗi kết thúc của call stack, giúp xử lý các tác vụ quan trọng trước. Ví dụ: Promise.resolve().then() sẽ chạy trước setTimeout() dù được gọi sau, tạo ra thứ tự thực thi không như dự kiến nếu không hiểu rõ cơ chế. Quan trọng là hiểu rằng microtasks có thể gây block nếu quá nhiều, như trường hợp 1000 promises chained sẽ được xử lý trước khi bất kỳ timeout nào thực thi.

Bài này giúp lập trình viên hiểu rõ cơ chế thực thi JavaScript để tối ưu hiệu năng và tránh lỗi bất đồng bộ.

CSS-Tricks has a new owner!

CSS-Tricks vừa có chủ sở hữu mới sau 12 năm hoạt động. Người mới nhận trách nhiệm cảm thấy hơi choáng ngợp và lo lắng khi phải đảm nhận vai trò quan trọng này. Sự thay đổi này ảnh hưởng đến tương lai của một trong những tài liệu tham khảo CSS phổ biến nhất. Với lượng lớn bài viết và tài nguyên chất lượng cao, việc chuyển giao quyền quản đòi hỏi sự chuẩn bị kỹ lưỡng. Bài gốc cung cấp thêm thông tin về kế hoạch phát triển triển vọng của nền tảng dưới sự quản lý mới.

Lập trình viên nên đọc bài này để cập nhật về sự thay đổi quyền sở hữu trang CSS-Tricks và hiểu rõ những tác động tiềm năng đến cộng đồng phát triển web.

How to use TinyFish

Learn TinyFish with JavaScript: search the web, extract data, automate browser tasks, reuse logins, research topics, and monitor websites.

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 framework cũ như D3.js hay Chart.js. Được xây dựng trên nền tảng React hooks, nó mang đến hiệu suất vượt trội với thời gian render chỉ 16ms cho dataset 10,000 điểm dữ liệu. Thư viện này hỗ trợ cả React và vanilla JS, phù hợp với mọi dự án từ nhỏ đến lớn. Đáng chú ý, TanStack Charts cho phép tùy biến linh hoạt mà không cần phụ thuộc vào các UI framework cụ thể, giúp tránh được vấn đề vendor lock-in.

TanStack Charts 1.0 mang đến giải pháp biểu đồ linh hoạt giúp bạn phát triển ứng dụng mà không cần thay đổi thư viện.

Introducing Motion UI Gallery

Motion UI Gallery là một thư viện UI cho React với 8 bố cục 2D và 3D, các chi tiết view và gesture chuyển tiếp mượt mà. Thư viện này giải quyết nhu cầu tạo giao động hình học phức tạp mà không cần code thủ công. Các hiệu ứng này giúp nâng cao trải nghiệm người dùng và tạo ra cảm giác ứng dụng hiện đại, sống động. Đối với lập trình viên, đây là giải pháp tiết kiệm thời gian triển khai animation chất lượng cao. Bạn sẽ tiết kiệm đáng kể thời gian phát triển so với việc tự implement các transition phức tạp từ đầu.

Motion UI Gallery cung cấp tám hiệu ứng 2D và 3D chuyển tiếp mượt mà giúp nâng cao trải nghiệm người dùng trong ứng dụng React của bạn.