urban weekly #113

Good to know

TIL satisfies is my favorite TypeScript keyword - This really comes in handy when you want to ensure that TypeScript is being as specific as possible. typescript
How we built the v0 iOS appHow we built the v0 iOS app - We recently released v0 for iOS, Vercel’s first mobile app. vercel, v0, ai
Introducing Claude Opus 4.5 - Our newest model, Claude Opus 4.5, is available today. anthropic, claude, ai πŸ”₯
I built an actually faster Notion in Rust - I’m building Outcrop. rust, notion
Jobs at Top AI Companies - Job aggregator career, ai, jobs Jobs at Top AI Companies
The Web Animation Performance Tier List - Animation performance is one of the topics I'm asked about the most. animations, performance πŸ”₯
Brand New Layouts with CSS Subgrid - When CSS Grid layout was first released, it came with a big asterisk: only the grid’s direct children could participate in the layout. css, grid πŸ”₯
<100ms E-commerce - Instant loads with Speculation Rules API performance, web πŸ”₯
Keyframes Tokens - Standardizing Animation Across Projects animation, css
A Vibe Coded SaaS Killed My Team - I considered it a possibility. ai, vibe-coding πŸ”₯
Releasing Packages with a Valet Key - npm, PyPI, and beyond npm, security πŸ”₯
Super fast aggregations in PostgreSQL 19 - PostgreSQL 18 has just been born and we are already talking about the blessings of PostgreSQL 19 and beyond? Well, yes, and there is a good reason for it. postgres, performance πŸ”₯
GitLab discovers widespread npm supply chain attackGitLab discovers widespread npm supply chain attack - Malware driving attack includes dead man's switch that can harm user data. security
93% Faster Next.js in (your) Kubernetes - Including the benchmarks! kubernetes, nextjs πŸ”₯
Technical Deflation - Let's buy the fridge next month, honey. engineering

Read it! Read it! Read it!

Migrating 6000 React tests using AI Agents and ASTs - The internet is flooded with very impressive vibe-style coding demos, but in my day-to-day job at Filestage we rarely start codebases from scratch and we have to deal with hundreds of thousands of lines of code and their dependencies. tests, ai, migration πŸ”₯

Code and Tools

ParseParse - Turn Any Website Into An API. scraping, parsing
Rete.js - JavaScript framework for visual programming javascript πŸ”₯
styleframe - Write type-safe, composable, future-proof Design Systems code using styleframe's powerful TypeScript CSS API. typescript, css
smartcommit - Enforce the habit of self-documenting code through better commit messages. git, commit, ai
gitlogue - A cinematic Git commit replay tool for the terminal, turning your Git history into a living, animated story. git, terminal, animation πŸ”₯
Place Cats - A quick and simple service for getting pictures of cats for use as placeholders in your designs or code. placeholder, cat
image-compare - A web component for comparing images with a slider. web component, image comparison
Color Palette Pro - Colors Palette Generator color, palette Color Palette Pro
Grid Paper - A simple grid paper generator for designers and developers. grid, paper
Gluegun - A delightful toolkit for building TypeScript-powered command-line apps. typescript, cli
tshy - TypeScript HYbridizer typescript, hybridizer
Flowglad - Open source payments + billing infrastructure payments, billing, infrastructure
use nemo - Custom React directives vite, react
CedarJS - The React + GraphQL Web App Framework framework, redwood
Awesome TailwindCSS - Awesome things related to Tailwind CSS tailwind, resources
Athas - A lightweight code editor with vim mode, Git integration, and agentic AI editing. editor πŸ”₯
SyncKit - A powerful, type-safe sync engine for building real-time collaborative applications. Local-first, CRDT-based, with zero-config offline support. sync, local-first, crdt πŸ”₯
FullCalendar - Full-sized drag & drop event calendar in JavaScript calendar

Tutorials

context-aware css card glow/shine effect - duplicate and scale the icon. translate it on pointermove. apply feGaussianBlur css context-aware css card glow/shine effect
How to Create 3D Images in CSS with the Layered Pattern - 3D CSS has been around for a while. css, 3d

Videos

What Are Invokers? Interactivity Without JavaScript - The Invoker Commands API provides a way to declaratively assign behaviors to buttons, allowing control of interactive elements when the button is enacted (clicked or invoked via a keypress, such as the spacebar or return key). javascript
Adam Urban

Published on 2025-12-01, last updated on 2025-11-30 by Adam

Subscribe to weeklyfoo newsletter

Related posts

Comments