Quick Tip: Show Animated Text When Someone Clicks Your Page

The Best Way to Handle Users’ Data? Never Receive It.

Parse multi-GB Google Takeout ZIP files in the browser with JavaScript: streaming unzip with fflate, Web Workers and a strict CSP. Zero upload, zero server.

React Search: Store the Query, Derive the Results

React Search: Store the Query, Derive the Results A small ownership decision makes a search box easier to maintain A search box can introduce a surprising maintenance problem: one value becomes …

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.

Frontend Performance Optimization: A Practical Guide to Faster Web Pages

Frontend Performance Optimization: A Practical Guide to Faster Web Pages Most frontend performance work isn’t about making everything load faster. It’s about making sure the browser spends its …

Learn How to Design Software Systems Like a Senior Engineer in Our New Course

Bối cảnh: Thiết kế hệ thống là kỹ năng quan trọng đối với các kỹ sư phần mềm hiện nay, đặc biệt khi ứng tuyển vào vị trí senior hoặc staff-level. Nguyên nhân kỹ thuật: Khóa học mới này tập trung vào các nguyên tắc thiết kế architecture và giải quyết bài toán scale cho hệ thống thực tế. Hệ quả: Học viên sẽ nắm vững cách thiết kế hệ thống như một senior engineer, tăng khả năng ứng tuyển vào các vị trí cao cấp. Điều đáng học: Khóa học bao gồm các case study thực tế với công nghệ như microservices, load balancing và database sharding.

Khóa học này giúp bạn nâng cao kỹ năng thiết kế hệ thống phần mềm như một kỹ sư senior.

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.

Show HN: I rebuilt my old canvas 3D library as a small WebGL 2 library – phoria2

Phoria2 is a JavaScript library for building 3D visuals on the web, including charts, dashboards and product viewers, using a WebGL 2 renderer. It has no runtime dependencies, ships as plain ES modules, and only redraws views when something changes. Every option is validated so a mistake returns an error describing the fix, aimed at both developers and coding agents. It's MIT licensed, installable via 'npm install phoria2', and includes a React example. Demos cover PBR materials, instancing, glTF models, particles, shadows, and integrations with WebAssembly libraries like Rapier for physics and Manifold for solid modeling.

How Claude Code mods change the agent loop

Build a small Claude Code mod that pauses Bash calls for an explicit decision. Understand event handlers, fail-closed behavior, and the limits of previews.