web-development

Phoenix LiveView 1.2 introduces colocated CSS with scoped styles using the @scope CSS rule, improving component-based styling in Elixir web applications.

An old-school web-based sports sim developer reflects on how the rise of AI-generated 'vibe coded' games threatens his niche, contrasting modern AI-assisted development with the manual efforts of the past.

Clone-Wars is a GitHub repository with over 100 open-source clones of popular apps like Netflix, Spotify, and Instagram, providing free source code, live demos, and tech stacks for developers to learn from.

A collection of agent skills by Google engineer Addy Osmani for web quality audits, performance optimization, SEO, accessibility, and Core Web Vitals, installable via npx add-skill.

A blog post arguing for the continued relevance of simple HTML for universal accessibility, illustrated by a story of a woman using a PSP browser to access government services.

A developer shared a free 12-minute tutorial on using Claude Mythos to build award-winning animated websites.

A guide explaining the recommended practices (the 'Datastar way') for building web applications using the Datastar library, emphasizing backend-driven state, SSE streaming, and DOM morphing.

A developer rebuilt a utility company's application form using an HTML-first approach with Astro, replacing a failed React app. The new site was accessible, worked on poor connections, and doubled user submissions overnight, avoiding potential fines.

Biff.core is a new library that provides system composition and interfaces for Biff projects, allowing clean extraction of boilerplate into modules with init functions.

A personal blog post by a non-web developer discusses the unavoidable bad parts of CSS, including layout challenges, browser defaults, and wrapper overuse, while highlighting a learnable subset for simple tasks.

Linear design engineer Emil Kowalski compiled over 90 animation terms across 12 categories to help users better describe animation effects to AI. Additionally, the author used Claude to build a bilingual preview site to facilitate understanding of each term's actual effect.

This article compares the usage scenarios of FastAPI+SQLAlchemy and SQLModel, analyzes the benefits and costs of migration, and suggests that existing projects do not need to fully migrate.

A blog post debunking common misconceptions about validating email addresses, arguing against regex-based validation and advocating for simpler verification methods like sending a confirmation email.

A Twitter thread listing 35 essential system design concepts with links to detailed explanations, aimed at helping developers learn and review key topics.

The article explores HTMX, a library that favors server-rendered HTML over JavaScript-heavy frontends. The author finds HTMX useful for persistent UI components but ultimately decides to roll their own solution due to personal preference for minimal dependencies.

Navi+ Menu Builder is a no-code tool that allows adding tab bars, mega menus, and more to any website.

Nutrepedia is a nutrition information tool available in 29 locales, built using Clojure and Htmx.

A satirical article argues that the era of clean, maintainable code is over, replaced by AI-generated, bloated 'vibe-coded' websites that burn tokens as a business model, while the author ironically presents a clean page out of spite.

A CSS-native parallax effect using scroll-driven animation timelines, providing a performant and simple utility class with no JavaScript.

Emil Kowalski shares a motion vocabulary website to help developers and designers describe animations precisely when prompting AI. The glossary covers entrances, exits, sequencing, transforms, transitions, and scroll-triggered motion.