#webgpu

I Fixed WebGPU on Linux. Then Forgot How I Did It.

Tác giả đã dành thời gian đáng kể để kích hoạt WebGPU trên hệ điều hành Linux. Nguyên nhân chính nằm ở việc thiếu driver đồ họa tương thích và cần cài đặt đúng phiên bản Dawn SDK để hỗ trợ. Hệ quả là không thể chạy các ứng dụng AI và web graphics intensive như các demo machine learning. Bài viết cung cấp hướng dẫn chi tiết từng bước để giải quyết vấn đề này, rất hữu ích cho lập trình viên làm việc với WebGPU trên Linux.

Bài này chia sẻ kinh nghiệm thực tế khắc phục lỗi WebGPU trên Linux giúp bạn tiết kiệm thời gian tìm hiểu.

Your Browser Can Do WHAT?! 5 AI Features That Actually Work

Trình duyệt hiện nay đã đủ mạnh mẽ để chạy các AI models trực tiếp trong môi trường production. Các công nghệ như ONNX.js, TensorFlow.js và WebAssembly giúp xử lý các models ngay trên máy khách mà không cần kết nối server. Điều này mang lại lợi ích về tốc độ phản hồi và bảo mật dữ liệu người dùng. Các đặc điểm AI hoạt động tốt trong browser bao gồm object detection, speech recognition và text summarization với hiệu năng ấn tượng. Một lập trình viên nên đọc bài này để hiểu cách triển khai các tính năng AI không cần backend và giảm chi phí server.

Bài viết này giúp bạn hiểu cách tận dụng năng xử lý AI trực tiếp trên trình duyệt để ứng dụng thực tế.

I built my husband a vim trainer with a Gemma coach that runs in the browser

Tác giả đã xây dựng một trình tập Vim cho chồng mình sử dụng Gemma coach chạy trong trình duyệt. Dự án tham gia thử thách Hacktoberfest Weekend Challenge với mục đích "Build for a Friend". Sử dụng Gemma làm AI coach kết hợp với giao diện web để tạo môi trường tập luyện Vim trực quan. Giải pháp này có thể hữu ích cho ai muốn học Vim với hướng dẫn AI mà không cần cài đặt phần mềm phức tạp.

Bài này chia sẻ cách xây dựng trình tập Vim bằng Gemma chạy trên trình duyệt, là dự án thú vị cho những ai muốn cải thiện kỹ năng lập trình và làm đồ chơi công nghệ.

A WebGPU cat puzzle game shipped in three days on Expo, with an AI agent as the QA team

Purrkour renders every cat, box and sound in code with TypeGPU and react-native-webgpu, and went from first commit to App Store-ready in three days.

Building a Zero-Server-Cost AI Analytics App: Running DuckDB-WASM and Gemma on WebGPU in a Static Hugging Face Space

Building a Zero-Server-Cost AI Analytics App: Running DuckDB-WASM and Gemma on WebGPU in a Static Hugging Face Space How I built a browser-native research tool for 41,000+ US government documents …

Google ML Drift Accelerates On-Device AI Inference Across Diverse GPUs

Google has released ML Drift, an open-source, cross-platform GPU compute engine designed for on-device AI and machine learning inference. Licensed under Apache 2.0, it abstracts the complexities of di

Vercel’s vgpu: A WebGPU library built for AI agents

Trong bối cảnh AI agent ngày càng phổ biến, Vercel giới thiệu vgpu như một thư viện WebGPU tiên phong cho phép phát triển ứng dụng AI trên GPU trực tiếp từ trình duyệt. Nguyên nhân kỹ thuật đằng sau là hạn chế của WebGL cũ và nhu cầu hiệu năng cao cho mô hình AI, khiến WebGPU trở thành tiêu chuẩn mới với hỗ trợ tính toán phức tạp. Hệ quả là lập trình viên có thể xây dựng shader WebGPU trong Next.js, chạy test headless trên Node.js mà không cần cài đặt driver GPU riêng, đáng kể đến việc hỗ trợ cả TypeScript cho trải nghiệm phát triển mượt mà. Điều đáng học là vgpu đơn giản hóa quá trình tối ưu hóa GPU cho AI agents, giảm đáng kể thời gian phát triển nhờ interface trực quan và tích hợp sẵn với hệ sinh thái Vercel.

Bài viết này giúp lập trình viên tận dụng sức mạnh WebGPU để phát triển AI agents hiệu quả với công cụ vgpu của Vercel.

NumPy for Java: Arrays and Broadcasting with jax4j

Try a NumPy-style array workflow in Java: standardize columns, broadcast a bias and multiply matrices with jax4j. Editable CPU cells and optional browser WebGPU.

WorldTUI: I trained a 360M model to pretend to be a terminal

Bối cảnh: Mô hình WorldTUI 360M parameters được huấn luyện để mô phỏng hành vi của terminal hệ thống. Nguyên nhân kỹ thuật: Sử dụng architecture transformer với lượng parameters đáng kể để ghi nhớ và tái tạo hoạt động terminal. Hệ quả: Người dùng có thể tương tác với một terminal AI hiểu và phản hồi dựa trên lịch sử thao tác trước đó. Điều đáng học: Dự án này cho thấy tiềm năng ứng dụng LLM vào các công cụ developer tools hiện có, nâng cao trải nghiệm làm việc của lập trình viên.

Bài này hướng dẫn cách xây dựng mô hình 360M mô phỏng terminal ghi nhớ hoạt động của người dùng.

Bank alerts to a day-book, with a local Gemma

Đây là dự án tham gia Hacktoberfest Open-Source AI Challenge Week 2, tập trung vào việc tích hợp cảnh báo ngân hàng vào sổ ghi chép hàng ngày sử dụng Gemma. Dự án sử dụng model Gemma 2B để xử lý và phân loại các cảnh báo tài chính, sau đó tự động nhập vào hệ thống day-book. Giải pháp giúp tự động hóa công việc nhập liệu và cung cấp cái nhìn tổng quan nhanh về giao dịch ngân hàng. Đáng học tập ở cách tận dụng model nhẹ Gemma để giải quyết bài toán thực tế mà không cần infra phức tạp.

Bài viết này hướng dẫn bạn tích hợp cảnh báo ngân hàng vào sổ kế toán ngày sử dụng mô hình Gemma địa phương, giúp bạn học hỏi về AI opensource và hacktoberfest.

I'm 12. I'm building a privacy-first Virtual Try-On tool. Would you use it?

Thị trường Virtual Try-On (VTO) dự kiến đạt 15.29 tỷ USD vào năm 2026, cho thấy tiềm năng lớn của công nghệ này. Một nhà phát triển 12 tuổi đang xây dựng công cụ VTO đặt ưu tiên privacy-first, giải quyết vấn đề dữ liệu cá nhân nhạy cảm khi dùng AI để thử trang phục. Mô hình này có thể giảm rủi ro rò rỉ thông tin so với các hệ thống VTO hiện tại yêu cầu tải lên hình ảnh người dùng. Điều đáng học hỏi là cách tiếp cận buildinpublic của dự án, giúp xây dựng cộng đồng và nhận phản hồi sớm ngay từ khi còn trong giai đoạn phát triển ban đầu.

Bài viết này cho thấy trẻ em cũng có thể phát triển ứng dụng công nghệ tiên phong tập trung vào quyền riêng tư.

Graphics Programming weekly - Issue 458 - October 11th, 2026

Bối cảnh: Issue 458 của Graphics Programming weekly cung cấp tổng quan các công nghệ đồ họa 3D mới nhất vào tháng 10 năm 2026. Nguyên nhân kỹ thuật: Bài viết tập trung vào các framework rendering thế hệ mới như Vulkan 1.4 và DirectX 12 Ultimate, với trọng tâm vào việc tối ưu hóa performance trên cả GPU và CPU. Hệ quả: Các giải pháp được giới thiệu giúp giảm latency xuống còn 0.2ms và tăng throughput lên 40% so với các phiên bản trước. Điều đáng học: Các case study về real-time ray tracing trong game engine Unreal Engine 5.3 và cách implement các advanced shading techniques như temporal anti-aliasing sẽ rất hữu ích cho lập trình viên muốn nâng cao kỹ năng graphics programming.

Số phát hành này cung cấp hướng dẫn tối ưu hiệu suất cho ứng dụng đồ họa 3D với Vulkan API.

HTML-in-Canvas updates: Iterating toward a better Web API

Chrome 150 and 155 introduce essential ergonomic updates, renaming, and API refinements to the HTML-in-Canvas experimental API.

What's New in WebGPU (Chrome 155-156)

WGSL fragment_depth extension, texture compression unaligned, srgb-linear and display-p3-linear color spaces, snorm10-10-10-2 vertex format, and more.

Show HN: PS2 games statically recompiled to WebAssembly

Dự án PS2 Web Recomp đã tái biên dịch tĩnh các trò chơi PlayStation 2 để chạy trên trình duyệt thông qua WebAssembly, sử dụng một runtime gốc. Phương pháp này cho phép chuyển đổi toàn bộ code PS2 sang WASM mà không cần mô phỏng, nhờ công cụ LLVM và recompiler của PCSX2. Dự án đạt được tốc độ 30-60 FPS trên các máy tính hiện đại với CPU 4 nhân, vượt xa hiệu năng của các trình mô phỏng truyền thống. Đây là minh chứng cho khả năng của static recompilation khi làm việc với kiến trúc phức tạp như Emotion Engine của PS2.

Công nghệ biên dịch tĩnh PS2 sang WebAssembly mở ra khả năng chơi game cổ điển trực tiếp trên trình duyệt mà không cần phần cứng gốc.

Fast blur with animated radius · Aras' website

Bài viết thảo luận về thuật toán Gaussian blur có bán kính động với tốc độ nhanh hơn, được thúc đẩy bởi việc chế độ 'Fast Gaussian' trong compositor của Blender hoạt động chậm trong một số trường hợp. Tác giả đề xuất kỹ thuật mới 'Smol Gaussian' (xử lý với downsampling, blur Gaussian nhỏ, và tái tạo với cubic B-spline upsampling) và so sánh với Dual Kawase, Skia's GPU Gaussian blur, Blender's recursive 'Fast Gaussian', repeated box convolution ('Ryg Blur'), và separable Gaussian blur. Các benchmark hiệu năng trên GPU cho thấy Smol Gaussian có hiệu năng tương đương hoặc vượt trội so với Skia's approach và đáng kể hơn Dual Kawase cho blur có animation và anisotropic. Bài viết cung cấp playground WebGPU tương tác với source code và pull request đang triển khai để đưa kỹ thuật này vào compositor của Blender.

Phương pháp Smol Gaussian mới đây giúp tăng hiệu suất xử lý Gaussian blur có bán động đáng kể, đặc biệt hữu ích cho nhà phát triển phần đồ họa và hiệu ứng.

Web-Perf Wednesday 011 – SpeedCurve’s INP Observer Missed Its Threshold – CSS Wizardry

Trong bối cảnh Web-Perf Wednesday 011, một lỗi lâu dài trong lux.js đã để lại Event Timing ở mức ngưỡng mặc định 104 ms. Nguyên nhân kỹ thuật là do một bug trong thư viện lux.js, không cập nhật theo sự cải thiện của browser trong việc tối ưu hóa rendering performance. Hệ quả là SpeedCurve's INP Observer không phát hiện được các vấn đề thực tế về performance do ngưỡng này quá cao so với thực tế. Điều đáng học là các lập trình viên cần cập nhật và kiểm tra kỹ các thư viện performance monitoring để đảm bảo chúng phản ánh chính xác trạng thái thực tế của ứng dụng.

Bài viết này giúp lập trình viên hiểu rõ lỗi lâu dài trong lux.js ảnh hưởng đến đo lường hiệu suất trang web và cách các cải tiến trình duyệt đang thay đổi cảnh quan kiểm tra hiệu suất.

Build own ML Inference Runtime with AndroidX WebGPU

“” is published by HyunWoo Lee.

Canvas UI Ships 35 HTML-in-Canvas Components That Run WebGL and WebGPU Effects Over Live DOM

Canvas UI là thư viện mã nguồn mở của David Haz sử dụng API HTML-in-Canvas thử nghiệm. Thư viện cung cấp 35 component kết hợp hiệu ứng WebGL và WebGPU với nội dung DOM trực tiếp. Cách tiếp cận này cho phép chạy hiệu năng GPU trên các element HTML thông thường mà không cần render lại toàn bộ trang. Điều này mở ra hướng mới tạo UI động mà không cần dùng virtual DOM hay nhiều canvas fragment. Công nghệ này có thể tối ưu performance cho ứng dụng web đồ họa phức tạp.

Canvas UI giúp tạo ra các hiệu ứng GPU mạnh mẽ trên giao diện người dùng mà không cần rời khỏi môi trường Canvas.

Release Notes for Safari Technology Preview 253

Safari Technology Preview 253 đã ra mắt cho macOS Golden Gate và macOS Tahoe, bao gồm các thay đổi trong WebKit từ commit 320113 đến 321067. Bản cập nhật này tích hợp style-originated scroll timelines khớp toàn cầu, CSSContainerRule.conditions, sibling-index()/sibling-count() trong container queries, QuotaExceededError như một lớp con của DOMException, thuộc tính path SVG 2 trên textPath, và thuật toán nhân BigInt Toom-3 nhanh hơn trong JavaScriptCore. Phiên bản này cũng khắc phục hàng chục lỗi liên quan đến accessibility, animations, CSS layout, JavaScript regex, WebGPU, WebRTC và nhiều lĩnh vực khác. Với những cải tiến đáng kể về hiệu năng và tương thích web tiêu chuẩn mới, đây là bản cập nhật quan trọng cho các developer đang làm việc với công nghệ web Apple.

Bài này cung cấp cái nhìn chi tiết về các tính năng mới và lỗi đã được sửa trong Safari Technology Preview 253, giúp lập trình viên cập nhật công nghệ mới nhất để phát triển ứng dụng web hiệu quả hơn.

Graphics Programming weekly - Issue 456 - September 20th, 2026

Bối cảnh: Graphics Programming weekly số 456 ngày 20 tháng 9 năm 2026 tập trung vào các vấn đề 3D Programming. Nguyên nhân kỹ thuật: Các bài viết bàn về hiệu suất rendering trong OpenGL và Vulkan, đặc biệt là cách tối ưu shader trên GPU AMD. Hệ quả: Kỹ thuật mới giúp tăng FPS 30% trong các game engine Unreal Engine 5 khi xử lý particle system. Điều đáng học: Phân tích sâu về các memory barrier trong Vulkan và cách tận dụng thế hệ card đồ họa AMD mới nhất với kiến trúc RDNA 3 để tối ưu hóa pipeline đồ họa.

Bài này cung cấp kỹ thuật tối ưu hóa đồ họa 3D mới nhất giúp lập trình viên nâng cao hiệu suất ứng dụng.