What's new in Astro - July 2026

I Built a Visual System Design Reference — Switch Any Architecture Between AWS, Azure, GCP & Open Source

I Built a Visual System Design Reference — Switch Any Architecture Between AWS, Azure, GCP... Tagged with systemdesign, webdev, opensource, showdev.

EmDash: Cloudflare's CMS for Astro, explained

What EmDash is, how it's built, what the admin and the MCP server look like, where it runs and what it costs, and where it falls short of WordPress and Ghost.

Isn't It Time for AVIF Everywhere?

Hosting providers, platforms, and phone makers should adopt AVIF and AV2 more widely, the author argues. Hetzner raised prices multiple times in 2026 citing rising hardware costs, partly driven by AI demand. AVIF generally compresses better than WebP at comparable quality, and the author has switched to AVIF everywhere it's supported, falling back to WebP otherwise. YouTube is preparing to move from AV1 to AV2 as early as 2027. The author also wants better native support for Apple's HEIC format alongside AVIF, and suggests users encode AVIF locally before uploading to ease server load.

Locating the source of a mysterious beep with Claude

Simon Willison used Claude Code to build Beep Locator, a system that triangulates the source of an intermittent beeping sound using multiple devices as listeners. The Python web server coordinates phones, iPads and laptops over WebSockets, using Fast Fourier Transform beep detection and a chirp to align recorded clips, and Willison names the 2007 BeepBeep acoustic ranging paper as the research Claude found. The tool located the beep to within about 40cm, which turned out to be an ancient carbon monoxide detector that wanted its batteries replaced. He started with Claude Code Cloud running Opus 5.5 on his iPhone, then continued on his laptop after Fable 5.2 was released, iterating live by pushing new JavaScript to listening devices so they did not need to be manually restarted.

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.

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.

15 apps you can vibe code instead of subscribing

Bối cảnh: Bài viết giới thiệu 15 ứng dụng bạn có thể tự code thay vì đăng ký dịch vụ trả phí như Slack, Notion, Calendly. Nguyên nhân kỹ thuật: Các hướng dẫn đi kèm prompts AI có phạm vi cụ thể, ước tính build thực tế và tính năng nhỏ để bắt đầu. Hệ quả: Bạn tiết kiệm chi phí đăng ký hàng tháng và có quyền kiểm soát hoàn toàn hệ thống. Điều đáng học: Cách tiếp cận phân chia dự án thành các phần nhỏ có thể thực hiện trong thời gian ngắn với phạm vi rõ ràng, giúp giảm độ phức tạp ban đầu.

Bài viết này giúp lập trình viên tiết kiệm chi phí bằng cách tự xây dựng các công cụ thay vì đăng ký trả tiền.

CSS-Tricks, Version 20

Things look a little different around here? I hope so because we just pushed a site redesign! Here's everything new with the 20th(!!) version of CSS-Tricks.