Frontend Feeds

Category

Multi Author Blogs

18 Sources

  • AbduzeedoMulti Author Blogsread at source

    How cheeeeese Reimagined Brand Identity for TGLF

    cheeeeese turns the Geneva Learning Foundation's initials into a brand identity: one labyrinth on a pixel grid, with a key in a single stroke. The Geneva Learning Foundation is ten years old, and its ...

  • AbduzeedoMulti Author Blogsread at source

    Branding: Culture House Sunderland by Studio Blackburn

    Studio Blackburn designed the identity for Culture House Sunderland around a rotating C&H monogram that clicks into a house silhouette. The strongest move is the container itself. A heavy black ho...

  • AbduzeedoMulti Author Blogsread at source

    Best of the Week: Circular Print, Monospaces, and Terroir

    Our curated roundup of the best of the week highlights circular monographs, expressive monospace typefaces, and tactile packaging from ISO week 2026-W41. This week’s editorial throughline centers on t...

  • AbduzeedoMulti Author Blogsread at source

    Inside the Craft of Roster: Branding Design by BOND

    BOND designed a complete branding design system for Helsinki restaurant Roster, pairing custom typography with playful tattoo illustrations. Chefs Kari Aihinen and Paul Hickman wanted to strip away th...

  • AbduzeedoMulti Author Blogsread at source

    How Plau Design Reimagined Type Design for Grecotipo

    Plau Design teamed with studio Greco to build Grecotipo, a bold 32-font family bridging tactile craft with modern type design. Brazilian design studio Greco needed a clear voice for physical spaces an...

  • AbduzeedoMulti Author Blogsread at source

    Bureau Brandt Unveils the Brandt Gallery Rebrand

    Brandt Gallery turns ten with a Bureau Brandt rebrand: a custom geometric wordmark, ABC Laica type, and monochrome with a punchy blue accent. The centerpiece is the new wordmark, set all lowercase and...

  • Go Make ThingsMulti Author Blogs1 min read

    We live in a world where...

    I saw this on Mastodon today (saved the image, lost the source), and it just brought me so much joy! Did you know that we live in a world where octopuses dream, otters have a favorite shell that they carry with them all their lives, cows have best friends, and bees have different “dialects” of dance depending on the region? Or that cats purr at a frequency that accelerates bone healing, the forest grows flowers first after a fire, and dolphins give each other names and respond to them, and Penguins make proposals by giving each other the most beautiful pebble?

  • AbduzeedoMulti Author Blogsread at source

    Les Levine — Masterclass in Editorial Design by Underline Studio

    Underline Studio crafts tactile editorial design for Les Levine: Transmedia 1964–1974 at Oakville Galleries with silver ink and plastic paper. Les Levine is widely recognized as a founder of media art...

  • AbduzeedoMulti Author Blogsread at source

    Not Yoga: Brand Brothers Explores Visual Identity

    Brand Brothers designed a hypnotic visual identity for Paris studio Not Yoga, pairing a kinetic monogram with undulating graphic waves. Located at 13 rue des Tournelles in Paris, Not Yoga strips away ...

  • DigitalOcean BlogMulti Author Blogs5 min read

    DigitalOcean MicroVMs: Fast, isolated compute for your AI agent infrastructure

    Coding-agent platforms, sandbox products, and code-execution services all need the same thing: isolated machines that start up fast, retain their state between bursts of work, and don’t consume compute when idle. If you build it yourself, you’ll have to lease compute capacity…

  • AbduzeedoMulti Author Blogsread at source

    Masthead Zine Is a Masterclass in Typography by Duttweiler

    Masthead Zine reprints logos from 1960s and 70s Chicano newspapers as a red-ink zine by Alexandria Canchola and Joshua Duttweiler. The first thing you notice is restraint. One vermilion red on warm cr...

  • AbduzeedoMulti Author Blogsread at source

    Web Design: Atlas for Mac by Alexey Sekachov

    Alexey Sekachov designed the web design for Atlas for Mac, combining stark typographic hierarchy with minimal, native product storytelling. Digital software marketing often falls into the trap of visu...

  • AbduzeedoMulti Author Blogsread at source

    tubik studio Unveils Crezco UI/UX Design

    tubik studio crafts an accessible ui/ux design system for Crezco, pairing Aeonik typography with clear API architecture and responsive grids. Design studio tubik first paired with Crezco in 2019 to sh...

  • AbduzeedoMulti Author Blogsread at source

    FAUVE: Palantis Crafts an Architectural Brand Identity in Paris

    Palantis designs a sharp, modular brand identity with earthy palette for FAUVE, a contemporary tea room and specialty coffee shop in Vincennes. If you have spent any time roaming third-wave cafes over...

  • AbduzeedoMulti Author Blogsread at source

    Intuit Rebrand: Inside JKR's New Identity System

    JKR built the Intuit rebrand around one idea: the letter i. A new lowercase wordmark detaches into an animated symbol for Intuit Intelligence. The whole system reads like it wants to start a conversat...

  • DequeMulti Author Blogs4 min read

    Deque named a Leader in the 2026 Gartner® Magic Quadrant™ for Digital Accessibility

    Deque has been recognized as a Leader in the 2026 Gartner® Magic Quadrant™ for Digital Accessibility! The post Deque named a Leader in the 2026 Gartner® Magic Quadrant™ for Digital Accessibility appeared first on Deque .

  • AbduzeedoMulti Author Blogsread at source

    Packaging Design: Iron Coin Whisky by Opera Prima

    Opera Prima crafted a tactile packaging design for Iron Coin Whisky, pairing heavy faceted flint glass with minted metallic coin talismans. Most luxury spirits rely on decorative filigree or loud neck...

  • AbduzeedoMulti Author Blogsread at source

    Montreal Architecture Brand Identity by Mariane Farias

    Mariane Farias crafts a minimalist brand identity for Montreal Architecture, translating circular window facades into tactile yellow stationery. Montreal Arquitetura is an architecture studio based in...

  • DigitalOcean BlogMulti Author Blogs2 min read

    Account Control, Every Layer: From Your Organization to Every Session

    If you run a multi-team organization, you need to see what each team can provision and change it without filing a ticket. If you sign in to DigitalOcean every day, you want to decide how long you stay signed in. Two new controls handle both. Resource Limits gives org Owners and…

  • Frontend FocusMulti Author Blogsread at source

    JPEG XL finally ships in Chrome

    🚀 Frontend Focus #​761 — October 7, 2026 | Read on the web How Fast is the Web? Exploring Billions of Real-User Measurements — A new free BigQuery dataset of anonymized real user Core Web Vitals from 10,000 large Cloudflare-fronted sites, updated daily and covering Safari/WebKit as well as Chrome. The post covers some of the initial findings, including how downloads are usually the smallest part of a slow LCP. Townsend & Jansma (Cloudflare) Would You Let Your AI Agent Grade Its Own Homework? — Agents write code faster than ever. They even review their own work. But who’s reviewing them? Dropbox, Notion & ElevenLabs don’t take the risk. With Meticulous, every change is exhaustively verified, with zero developer effort. Meticulous sponsor Shipping JPEG XL in Chrome — Chrome 155, released yesterday , introduced support for JPEG XL ( .jxl ) images. They can offer 30-50% better compression than JPEG, HDR support, and more. Versari, Firsching, Jägenstedt (Chrome for Developers) 📺 If you're catching up on Chrome, ▶️ this video from Matthias Rohmer runs through DevTools changes across versions 151 to 153. The State of HTML 2026 Survey is Open — Devographics’ annual look at how we use HTML, forms, web components and browser APIs is back, and should take 10-15 minutes. Browser vendors use the results to prioritize their roadmaps, so your answers help decide what ships next. Devographics ⚡️ IN BRIEF 🌐 The site on reserved domain example.com has just been redesigned , including a new JavaScript file to serve multi-language content (and here's why ). 🆕 Rachel Andrew rounds up what’s new to the web platform in September , a bumper month for Baseline with progress() , alpha() and revert-rule all now Newly available. ♿️ WebAIM's eleventh Screen Reader User Survey is out: 1,780 responses, JAWS back ahead of NVDA, and 68% saying web accessibility has stagnated or worsened in the past year. ✏️ SVG 2 has moved closer to becoming a formal W3C Recommendation , with an updated Candidate Recommendation focused on cross-browser consistency. 📙 Articles, Opinions & Tutorials ✈️ Airline Sites are Slow, but They Don’t Have to Be — Some interesting analysis of the performance of over 100 different airline websites using real-user metrics. A massive ~95% fail the Core Web Vitals test on mobile. Ben Schwarz CSS Does Your Tooltip Positioning Now — Matt takes a look at CSS Anchor Positioning, namely anchor-name and position-anchor , and how to use them to build tooltips and dropdowns that hold their position through window resizes and page scrolls. Matt Smith 👀 Meanwhile, Patrick Brosset digs into why title tooltips are so underused and floats the Edge team’s proposed stylable ::tooltip . Your Agent Can Write a Mobile App. Expo Gets It onto Real Phones — Expo is mobile AI infrastructure: your agents build, test and ship iOS and Android apps, and you approve what goes out. Expo sponsor Why Don’t More Developers 'Use the Platform'? — Nolan, a big Web platform advocate, casts a thoughtful look at the common alternative, exploring why we often rebuild things platforms already give us in JavaScript and CSS. Nolan Lawson The Road to Dart Sass 2 — Sass may not be the default choice it once was, but the project keeps moving. Dart Sass 2.0 is now slated for release in December. It’ll turn most of 1.x's deprecation warnings into hard errors. Natalie Weizenbaum A Sustainable Web Career for When All This Blows Over — It’s fair to say the industry is in a state of flux, and David offers a strongly opinionated take on the skills worth investing in, and the technologies and trends worth rejecting. David Bushell Understanding Bidirectional Text: A Guide for Developers Mojtaba Seyedi Implementing children-count() in Modern CSS Temani Afif How Do Passkeys Work? Andrew Lombardi 🧰 Tools, Code & Resources Panda CSS 2.0 — A major release of a popular CSS-in-JS library. 2.0 keeps the same css() API but gets a much faster compiler ( rebuilt in Rust ). Other new additions include publishable design systems, view-transition styling, an ESLint plugin, and a new typography preset. Adebayo, Adebesin, Adebayo (Panda CSS) Shaders: 190+ WebGPU Effect Components, Now Open Source — The rendering engine, framework bindings, and shader components from this WebGPU effects library are now MIT licensed. It's a visually striking collection of components for React, Vue, Svelte, Solid, and plain JS. Simon Le Marchant Build Forms That Look Native in Your Frontend — Customize SurveyJS built-in themes or use adapters for Bootstrap, MUI, and shadcn/ui. Self-hosted, backend-agnostic, JSON-driven. SurveyJS sponsor 📺 Video.js 10: Five Players Rebuilt as One — Sixteen years after helping move video off Flash, Video.js has been rebuilt from scratch, bringing in the teams behind Plyr, Vidstack, Media Chrome, and Mux Player. You get React and web components, a 60% smaller bundle, and skins you can make your own. Steve Heffernan CSS Doodle: A Web Component for Drawing Patterns with CSS — A way to use CSS as a language for drawing patterns, backgrounds, icons, and generative decorations. The site is packed with examples . Released this week, v0.55 adds numerous new tiling types. Yuan Chuan pure-web-bottom-sheet: A Bottom Sheet Built on CSS Scroll Snap — A performant, lightweight, and accessible bottom sheet web component powered by CSS scroll snap and CSS scroll-driven animations. Plenty of examples here . Vili Ketonen 📰 Classifieds 📸 Add barcode scanning to your web app using STRICH , a lean JS SDK. Free 14-day trial, try the demo app today! Don’t just code—grow as a technologist - Explore new technology, sharpen your existing skills and build new ones when you work in tech at Fidelity. 🎨 One for fans of gradients Gradient Visualizer: Debug Multi-Layer CSS Gradients — Paste a background value made up of gradients and Ahmad's new tool pulls each layer apart so you can inspect it alone, view the stack in 3D, replay it as a timelapse, edit it and get fresh code back. Ahmad Shadeed

  • Twilio BlogMulti Author Blogsread at source

    Avoid Sending SMS to Landlines with the Lookup v2 API and Go

    In this tutorial you'll learn how to filter out landlines in Go using Twilio's Lookup v2 API.

  • Twilio BlogMulti Author Blogsread at source

    Avoid Sending SMS to Landlines in PHP with Twilio's Lookup v2 API

    In this tutorial you'll learn how to filter out landlines (and other non-mobile numbers) in PHP using the power of Twilio's Lookup v2 API.

  • Twilio BlogMulti Author Blogsread at source

    Peak Season Deliverability: Why Quality Beats Quantity This Holiday Season

    How to practice good email list hygeine this holiday season to maintain strong deliverability and avoid throttling, blocklists, and the spam folder.

  • JavaScript WeeklyMulti Author Blogsread at source

    Why don't more developers 'use the platform'?

    #​805 — October 6, 2026 Read on the Web JavaScript Weekly Why Don't More Developers 'Use the Platform'? — A thoughtful look at why we often rebuild what browsers already offer, from someone usually on the platform's side. It kicked off an extensive Hacker News discussion , with many arguing native controls and APIs are too limited or awkward to depend on. Nolan Lawson Free Course: Build Ambitious Modern Interfaces Faster with OpenAI Codex — Join Katia Gil Guzman for this free Codex course and learn how agentic coding has changed frontend development. You'll cover setup, prompting, feedback, skills, automations, deployment and more. Master.dev sponsor Preact 11 Released — Six years after the road to Preact 11 began, the latest version of the popular "alternative to React with the same modern API" is here, with improved hydration, automatic ref forwarding, and an ESM-only package. The upgrade guide covers the changes. The Preact Team Nuxt 4.6: A Big Step Towards a Server-Agnostic Nuxt — A meaty release for the full-stack Vue framework with a server layer that no longer ties you to Nitro (pure Vite server builds are now an experimental option), built-in sessions, Vue Vapor support, and a new CLI ( Nuxt CLI 4.0 ). Daniel Roe IN BRIEF: Prolific package maintainer Sindre Sorhus has disabled outside pull requests due to AI contribution spam, though he'll keep maintaining his projects. SWC also now restricts PRs to trusted contributors. 📊 The JavaScript Framework Benchmark site has added results for Chrome 154 covering 196(!) ways to implement an app, how each performs, and how large they are. npm stage publish can now create new packages , so automated workflows no longer need a manual first publish. RELEASES: Remix 3.0 – No official post yet, but the new stable release of the rebuilt full-stack framework, with no React required. The RC release post has more info, though. Ink 8.0 – The popular TUI renderer now requires React 19.3 and adds scroll offsets for building scrollable views, now common in coding agent UIs. Inferno 10 – React-like UI library built for raw rendering speed. Now shifts more work from runtime to its JSX compiler. Qwik 2.0 RC , pnpm 12.10 , Ember 7.3 , Video.js 10 , ESLint 10.12 📖 Articles and Videos Getting Started with Claude Code Mods — Claude Code has just added support for Mods , a way to extend the agentic coding harness with JavaScript so you can watch events, change behavior, and draw custom UI. Addy builds a mod here in ~80 lines that shows a live 'forecast' of your context window. Addy Osmani Friendship Ended with Deno, Now Node is My Best Friend — David felt good about Deno in 2021, but has now returned to Node and is surprised by how much has improved. He ported his site generator back with barely any changes, and doesn't hold back on where he thinks Deno went wrong. David Bushell 100+ Search Engines. One Simple API — Build with real-time data from Google, YouTube, Amazon, and more. SerpApi delivers structured JSON and Markdown for AI agents and your apps. Skip scraping headaches. SerpApi sponsor I Tested 11 HTTP Resilience Libraries — How do fetch wrappers like Ky , ofetch , and Wretch behave if you abort mid-retry? The author of ffetch tested eleven options and found five still attempt retries after cancellation. Gabor Koos 📄 How Booking.com Cut Its Node.js Service's Costs by 38% – By moving from PM2 to Watt 's worker threads and reworking load balancing and worker configuration. Ilya Malyavin 📄 Readable Regular Expressions for TypeScript, Inspired by Emacs – Rebuilding the SemVer regex from named, composable pieces. Rahul M. Juliato 📄 On Automatic Type Refinements – Which filter callbacks let TypeScript narrow an array's type, and which don't. Radosław Miernik 🛠 Code & Tools TanStack Charts 1.0: A Composable, Typed Charting Library — A framework-neutral way to declaratively specify visualizations in typed, tree-shakable JavaScript which are then rendered with SVG or Canvas. The extensive sample catalog (with code) shows off line, bar, pie and area charts, plus heatmaps, box plots, histograms, etc. Tanner Linsley SvelteKit 3: 'The Same Framework with a Little More Polish' — Svelte's official app framework gets a cleanup/polish release. Few new features, and remote functions remain experimental, but existing users have some work to do to migrate (though sv migrate can handle much of it ). The Svelte Team Publish to Miris Straight from Adobe Substance 3D Painter — Stop sharing decimated 3D content. Stream your high-fidelity Adobe Substance 3D Painter assets via the Miris plugin. Miris sponsor Effect 4.0: A Smaller Core, Rebuilt Runtime — A ground-up rewrite of the popular library for building reliable apps that handles tricky stuff like resource management, concurrency, retries, typed errors, and more. v4.0 boasts 5x smaller minimal bundles and 86% less memory used per concurrent task. Sebastian Lorenz Lightpanda 1.0: A Headless Browser for Automation — A headless browser built from scratch in Zig. With no graphical rendering, it uses a fraction of Chrome's CPU and memory (~35MB memory in a run I just did!). Drive it with Puppeteer/Playwright or, the fun bit, script it with plain JavaScript . Francis Bouvier eslint-cssicorn 0.1 – Sindre Sorhus has moved the CSS-only rules from his mammoth eslint-plugin-unicorn ESLint ruleset into a new CSS-focused package. pixelmatch 8.0 – Tiny, fast pixel-level image comparison library. Switches to a more perceptually accurate color metric, so diff counts will change. PR Comment Inbox – Nicholas Zakas's email-style inbox for GitHub review comments, with threads and read/unread state. Electron Forge 8 – Toolkit for building, packaging, and publishing Electron apps. Redux Toolkit 2.13 – The official Redux toolset adds TypeScript 7 support. 📰 Classifieds Bring your wild ideas to Mozilla Festival . Gather and connect with other developers and creatives in Barcelona, Oct. 28-30. Get your badge . Trigger.dev runs your TypeScript agents and workflows in production, with queues, retries, and no timeouts on long-running tasks. 📢 Elsewhere in the ecosystem 📊 The State of Devs 2026 survey results are out with over 5,000 developers sharing their thoughts on software development career security, AI use/sentiment , hobbies , and the workplace (including income). Why does example.com now load JavaScript? The IANA says since most clients hitting the site are automated and don't load JavaScript, it's a way to save bandwidth. There's more on the site's recent redesign here . Netlify explains how it reduced Edge Function invocation latency by ~5x , switching from hosted V8 isolates to Unikraft MicroVMs on its own edge network. 🤖 Pi 1.0 , the minimal Node.js-based coding agent, adds MCP and non-LLM model support through 'Codemode'. They also launched an experimental Pi Durable runtime for running resilient, long-term agent flows.

  • Twilio BlogMulti Author Blogsread at source

    My Voice AI Demo Was Hit by a $982 Traffic-Pumping Attack! Here’s What I Learned

    See how a $982 voice AI toll fraud attack happened to my Twilio Voice demo and learn measures to secure a voice app. Understand patterns, preventive controls, more.

  • Twilio BlogMulti Author Blogsread at source

    How to design an AI agent for resolution instead of rapport

    Conversational design almost always prioritizes persona and tone. Those matter but not as much as solving your customers' problems first.

  • Go Make ThingsMulti Author Blogs1 min read

    No human is illegal

    I just ordered a bunch of leftist patches to put on my backpack, because virtue signaling is good, actually. One patch I kept seeing over and over again is… No human is illegal on stolen land. I get it. It’s supposed to point out the hypocrisy of complaining about illegal immigration in a country that was founded by stealing it from and genociding the people who already lived here.

  • Twilio BlogMulti Author Blogsread at source

    Twilio Reaches Branded Calling Milestone Across AT&T, T-Mobile, and Verizon Networks

    Build trust and drive engagement with Twilio Branded Calling, now on AT&T (Pilot), T-Mobile, and Verizon. Stand out to customers with verified branding.

  • Go Make ThingsMulti Author Blogsread at source

    Radical books that aren't a slog

    I’m loving the resurgence of zines! Violet B. Fox just released on on radical books that aren’t a slog, a collection of books for leftists that aren’t super dense theory by old dead white guys. There’s so many good ones to choose from, but I started with The Parable of the Sower by Octavia Butler. For posterity, I’ve saved a local backup, but you should visit Violet’s site instead.

  • web.dev BlogMulti Author Blogsread at source

    New to the web platform in September

    Discover some of the interesting features that have landed in stable and beta web browsers during September 2026.

  • Twilio BlogMulti Author Blogsread at source

    How to Create and Send vCards with Go

    In this tutorial, you'll learn how to create vCards and how to then send them via SMS using Twilio's Programmable Messaging API.

  • Twilio BlogMulti Author Blogsread at source

    How to Track Opt-Outs in PHP

    Learn how to track opt-outs and avoid communicating with customers afterward in your PHP code, with Twilio's Incoming Message Webhook and Event Streams functionality.

  • Twilio BlogMulti Author Blogsread at source

    How to Get Started With WebRTC: Intro to Browser APIs

    Learn how to use WebRTC APIs to build powerful voice and video communication solutions with helpful WebRTC tutorials and examples.

  • Web Tools WeeklyMulti Author Blogsread at source

    Web Tools Weekly Issue #689

    JS Utils, Git/CLI Tools, JSON/DB

  • DequeMulti Author Blogs11 min read

    How to test MCP Apps for accessibility, and why it matters

    MCP Apps are still new enough that whatever approaches we can establish now will be the ones that stick over the long term. Which means if we can get accessibility right at this stage, it will stay right as the ecosystem grows. This is how we can avoid introducing the same problems we've had to deal with across the rest of the web for so long. The post How to test MCP Apps for accessibility, and why it matters appeared first on Deque .

  • DigitalOcean BlogMulti Author Blogs8 min read

    Introducing Agent Droplets: everything an agent needs, one price, one bill

    Last week we launched DigitalOcean Managed Agents in public preview: a managed runtime, governed access to more than 16,000 tools, serverless inference, and persistent memory and storage, all on one cloud. Developers have already started thousands of agent sessions. Today we’re…

  • DigitalOcean BlogMulti Author Blogs4 min read

    DigitalOcean MicroVMs: the Compute foundation for building your AI agent infrastructure (private preview)

    An AI agent uses compute differently than a traditional application. Over a single session, it writes and runs code, calls a model, and waits on a tool or a person before picking the work back up. As a result, it needs real compute in short, intensive bursts. It also needs a…

  • Twilio BlogMulti Author Blogsread at source

    Your customers don't want an AI friend. They want an answer.

    98% of companies are training AI to act more human, but personality didn't appear anywhere in what customers requested. Other important things did, though.

  • Twilio BlogMulti Author Blogsread at source

    Prioritize your messages at scale with the Twilio Traffic Optimization Engine

    The Traffic Optimization Engine is a suite of products working across networks, senders, geography, and use cases to provide messaging deliverability at scale.

  • Frontend FocusMulti Author Blogsread at source

    Why GitHub now ships more CSS, not less

    🚀 Frontend Focus #​760 — September 30, 2026 | Read on the web Improving Site Performance by Shipping More CSS — GitHub details how it spent three years purging styled-components and 'CSS-in-JS' from github․com in favor of CSS Modules. The result? Shipping more CSS, but GitHub reports 55% less time to server-side render a page. Josh Black and Marie Lucca (GitHub) 💡 CSS Modules isn't a browser feature or standard, but a widely supported bundler convention where classes in a .module.css file get rewritten to unique names, scoping styles per file with no runtime cost. Reports That Time Out Aren't a Frontend Bug — The report worked in testing. In production, it scans months of rows and times out before it renders. That's not a frontend bug, it's the query behind it. TimescaleDB extends Postgres so that query returns fast at scale. Get $1000 credit to start . Tiger Data (creators of TimescaleDB) sponsor EmDash 1.0: An Open Source CMS for Astro — Cloudflare's alternative to WordPress, first announced in April, has reached 1.0. Each site ships with an MCP server, meaning you can set an agent to work out of the box. To accompany the launch, plugins can now be submitted to its registry . Matt Kane How Anthropic Made Claude's Web App Faster — The tale of how a recent sprint (with Claude doing much of the work) cut Claude's time-to-typeable at the 75th percentile from 3.1s to 0.55s, from tracking layout shifts too small for CLS to flag, to a :root:has() selector costing 24ms per DOM change, and a jump caused by Chrome pre-rendering the page at the wrong height. Wang, Attard, and G (Anthropic) ⚡️ IN BRIEF 🌀 Cloudflare has launched Turnstile Spin , a way to let AI agents set up Turnstile's protection on sites you're building. Cloudflare now also has a new cf CLI client which can work with all of its APIs (unlike Wrangler). 🧭 Safari Technology Preview 253 is out now , adding support for network throttling within the Web Inspector, amongst a huge number of fixes. 🦊 Firefox 157 has a new look , which you can see in action here . 📉 In response to recent chatter around the 'death' of web education , Andy Bell shares a bleak sketch of where things stand. 🟢 Version 31 of developer browser Polypane is out now , adding a new canvas layout, elements panel improvements, and an update to Chromium 155. 🔥 Got something you want to say about HTML? Manuel Matuzović is seeking submissions for this year's HTMHell Advent Calendar . 📙 Articles, Opinions & Tutorials Detect When Elements Overlap with CSS — A neat bit of CSS lateral thinking to detect when two elements get too close or overlap, no JavaScript needed. It combines anchor positioning, style container queries, and scroll-driven animations, using an overflowing 'measure' element as the trigger. Ahmad Shadeed Connection Allowlists: Lock Down Where a Page Can Connect — Chrome 152 adds support for a Connection-Allowlist header to tell the browser which servers a page is allowed to talk to (and block everything else). Benz & Zapata (Chrome for Developers) The Future of Frontend Is Agentic: Free OpenAI Course — Join OpenAI's Katia Gil Guzman and learn how to direct Codex through landing pages, dashboards, 3D interfaces, and shipping into an existing codebase. Master.dev sponsor Which Features Should Browsers Fix Together in 2027? — Ollie shares what features he believes the web platform should focus on next year, including the Sanitizer API , focusgroup , and grid-lanes , along with what early-stage things should be in consideration for the future. Ollie Williams Extracting Grid Information Using CSS — A neat CSS-only proof of concept technique where you can get information about a grid structure (number of columns/rows, where items sit on the grid, etc). The technique relies on scroll-driven animations, oddly enough. Temani Afif The Interface Cheat Sheet — A helpful illustrated list of good UI advice, touching on points from border radiuses and transitions to the use of color, scaling and accessibility. Jakub Krehel The Era of Agentic Mobile Development Is Built on Expo — Build with our CLI and dev tools. Test on our cloud simulators. And ship with the best CI/CD for mobile development. Expo sponsor Custom Attributes Polyfill — A polyfill for the proposed Custom Attributes spec, letting you attach reusable behaviours to any element via custom attributes with their own lifecycle hooks. Keith Cirkel Fluid Typography — Donnie argues that because container widths are unpredictable, using container queries to drive fluid font sizing isn't the right choice. He suggests we stick with viewport units to retain true control. Donnie D’Amato Stop Buttons Triggering Zoom When They’re Double Tapped Andy Bell Stop Treating CSS Container Queries Like Traditional Media Queries Victor Ayomipo Component Testing: A Practical Guide for Frontend Developers Storybook Blog 🧰 Tools, Code & Resources Transitions.dev: Essential UI Transitions for Web Apps — The home page shows a series of cards, each of which displays a CSS-based UI animation. You can also install the set as an agent skill for your AI coding tool. Some of the transitions are part of a "Pro" plan. Source code . Jakub Antalik Markuplint 5.0: An HTML Linter for All Markup Developers — This well-established linter recently hit version 5. The repo is here , and you can see things in action in the playground . Yusuke Hirao Make Your Logo Brighter Than White — If you've got an HDR display, this browser-based tool will quickly make its trick clear. Drop in your logo, choose which colors should glow, and get an HDR version ready to download. Claims to make things up to 7.5x brighter in Chrome and Safari. Chris Bennett 🔊 soundcn: A Curated Collection of Sound Effects for Modern Web Apps — A comprehensive set of 800+ sounds that's installable via the shadcn registry. You can browse them by category and test each one by hovering over its card. Pay attention to the licenses of sounds you use. GitHub repo . Kapish Dima 📰 Classifieds Balance build time with your time - Our technologists do meaningful work, and we give them the support to have a meaningful life, too. 🟨 Our weekly JavaScript newsletter shares cool projects, news, and articles with over 150,000 developers. 🙈 ...and finally Here's a kinda crude font foundry that takes two web fonts and mixes their glyphs, with unsettling results. I mean, why not make a Times New Roman/Comic Sans hybrid to catch folks off guard? And, yes, you can download the end result.

  • Twilio BlogMulti Author Blogsread at source

    Augment Voice Calls with Twilio Conversation Intelligence Using Node.js

    Learn how to capture real-time call summaries, sentiment analysis, and script adherence from Twilio voice calls and store them in SQLite using Node.js.

  • JavaScript WeeklyMulti Author Blogsread at source

    A-ha's Take on Me, recreated in pure JavaScript

    #​804 — September 29, 2026 Read on the Web JavaScript Weekly How Anthropic Made Claude's Apps 3x Faster in Two Weeks — A grab bag of performance lessons from a sprint that cut p75 'time-to-typeable' from 3.1s to 0.55s. Em dashes ( the irony! ) pushed V8 onto a slower regex path, a stray location.reload() caused half a million hidden reloads a day, and more. Wang, Attard, and G (Anthropic) Still Writing Tests? Meticulous Is Here — Notion, Dropbox and Wiz are now using a testing paradigm they can’t ship without. Built by former Palantir engineers, Meticulous creates an evolving suite of deterministic E2E UI tests, delivering exhaustive coverage with zero developer effort. Meticulous AI sponsor Vite+ 1.0: One CLI for Your Entire JavaScript Toolchain — The single vp command can now manage your Node runtime (if you wish), package manager, dev server, linting, formatting, testing, builds and task running, configured from vite.config.ts . vp migrate can be used to bring existing Vite, Vitest, ESLint, tsup, and similar setups into Vite+. VoidZero 💡 Evan You also looks back at four months of VoidZero at Cloudflare , including work on the Oxc React Compiler, Vitest 5, stable type-aware linting, and more. IN BRIEF: The latest TC39 meeting is taking place in Tokyo now, and three iterator proposals have already advanced to stage 4: chunking , join and includes (the latter just shipped in Chrome 154 ). Jarred Sumner shared 𝕏 a preview of Bun compiling JavaScript ahead of time : 24% faster startup and 48% less memory for Claude Code, but ~2x binary size. 🎉 Cloudflare finally has a single CLI for all of its APIs . cf is written in TypeScript and covers everything, whereas Wrangler only ever covered a subset. The Angular team is building a partly Rust-powered compiler , because TypeScript 7's Go port lacks APIs the current one relies on. RELEASES: MSW (Mock Service Worker) 3.0 – The popular API mocking library is now ESM-only, adds a Vite plugin, supports GraphQL subscriptions, and can intercept page navigations and form submissions. Vinext 1.0 – Cloudflare's Vite-based Next.js reimplementation now supports the Pages and App Routers, and offers a migration path for existing apps. Mermaid 12.0 – The diagramming tool now defaults to the ELK layout engine for flowchart, class, state and similar diagrams, so existing ones will look different unless you set layout: dagre . Also adds UML use case diagrams . pnpm 12.8 , Angular 22.2 , TinyBase 10 , QUnit 3.0 📖 Articles and Videos The Grand Unifying Architecture of Frontend — SolidJS's creator argues that HTMX, React, LiveView, and friends differ mostly in how they split the same three jobs (navigation, content, and instant UI feedback) between client and server. He then shows how Solid 2.0 aims to cover the whole spectrum. Ryan Carniato Build Products That Help People Build Their Lives — Fidelity technologists can change the way our clients invest - for the better and for everyone. Fidelity Careers sponsor Optimizing Objects with null Prototypes — In V8, objects created with { __proto__: null } or Object.create(null) start in a slower 'dictionary mode'. Matteo shows how creating a plain object and then setting its prototype to null preserves fast properties. Matteo Collina 💡 If you fancy going deeper, Fast properties in V8 is the V8 team's 2017 explainer of how objects switch between fast and 'dictionary' mode. Node.js Built-ins That Replace npm Packages — A tour of 12 Node built-ins that replace common ecosystem packages along with their stability levels and some gotchas that might keep you using the established alternatives. Flavio Copes 📄 JavaScript's Greatest Pun? ${{ }} – Looks like Mustache, but ${{ name }} passes an object using shorthand properties to a tag function, preserving both the variable's name and value. Nishant Shukla 📄 How GitHub Improved Performance by Moving Off CSS-in-JS Josh Black and Marie Lucca (GitHub) 🛠 Code & Tools Size Limit: A JavaScript Performance Budgeting Tool — Set a size or load-time budget for your code and this tool can fail CI (or flag a PR) if a change goes over it. You can also do one-off checks and see visualizations of where the bytes are. Framework-agnostic and doesn’t care which bundler or CI you use. Andrey Sitnik Your UI Gets Blamed for a Slow Query — TimescaleDB extends Postgres so the query behind your UI returns fast as data grows. Get $1000 credit to start . Tiger Data (creators of TimescaleDB) sponsor EmDash 1.0: Cloudflare's WordPress 'Successor' is Now Stable — An Astro-based alternative to WordPress, now with a decentralized AT Protocol-based plugin registry and plugins that run in sandboxes. It’s not Cloudflare-only, either, as it also runs on Node.js. Buscemi, Kane, and Pham (Cloudflare) 📝 DOCX 9.8: Generate Word .docx Files from JavaScript — A comprehensive library for generating docx files. It’s only a few months since we linked to it, but this is a big release with support for charts, shapes and watermarks, plus more math notation support. ( Homepage .) Dolan Miu 🔊 wavesurfer 8.0 – Popular audio waveform renderer and player. Refactored for better efficiency, with numerous bug fixes. pretty-bytes 7.2 – Convert byte quantities into human readable strings. ✉️ postal-mime 4.0 – An email parsing library that works everywhere. Typia 15.0 – Turn pure TypeScript types into runtime validators. 📰 Classifieds The future of mobile development is agentic. For years, mobile shipped slower than the web. Now, agents are coding/testing/shipping all on Expo . 🤖 Blocking all bots breaks AI agents. Blocking none invites fraud. Fingerprint tells verified agents from bad actors. SurveyJS : Build complex forms faster with a drag-and-drop builder for any JavaScript app. Self-hosted and backend-agnostic. 📢 Elsewhere in the ecosystem 🎵 Tonny Espeset has recreated the '80s hit Take on Me by A-ha in pure JavaScript ( along with synthesized vocals! ), running through the always-entertaining Dittytoy online JavaScript music playground. Git 2.56 has just been released. It adds git add --resolved to safely stage merge conflict fixes, git branch --delete-merged for bulk branch cleanup, and more. All explained within. TanStack's Tanner Linsley built Redact , 'an alternative logical projection of React' aiming for full API compatibility with a simpler implementation, smaller bundles and better performance. It's now on GitHub . A quick history of why certain port numbers like 3000 and 8080 are commonly used in development.

  • Twilio BlogMulti Author Blogsread at source

    How to Augment Voice Calls with Twilio Intelligence in C#

  • Twilio BlogMulti Author Blogsread at source

    How to Augment Voice Calls with Twilio Intelligence

    In this tutorial you'll learn how to use Conversation Intelligence, and Conversation Orchestrator, and Conversation Memory to retrieve customer call summaries and an analysis of the caller's sentiment.

  • Twilio BlogMulti Author Blogsread at source

    86% of brands think their AI works. Only 51% of customers agree.

    Brands think they’ve designed AI that solves all their customers problems, but almost half of customers disagree. Here’s what’s happening.

  • DigitalOcean BlogMulti Author Blogs9 min read

    The agent-first cloud: why we built Managed Agents

    Compute (EC2) opened the front door to the first generation cloud. Agents need something different: compute, inference, and data working as one. We built the cloud that delivers all three as one simple, intuitive developer experience for AI-natives. Every era of the cloud has…

  • Frontend FocusMulti Author Blogsread at source

    12 CSS features that can retire your dependencies

    🚀 Frontend Focus #​759 — September 23, 2026 | Read on the web 🧭 WebKit Features for Safari 27.0 — An epic set of release notes covers Safari 27's enhancements, including its new MCP server (let agents debug your work), scroll anchoring , the customizable element, a controls attribute for images in visionOS, sizes="auto" for images, and more. WebKit 💡 In related news, Xcode 27.1 Beta includes an iPhone Duo simulator if you want to see how things look on Apple's forthcoming foldable. Skeleton Loaders Are Just Slow Queries in Disguise — You add a skeleton loader to hide the wait. But that wait is a slow query, and it only grows with your data. TimescaleDB extends Postgres so the data behind your components returns fast at scale, no matter how big it gets. Get $1000 credit to start . Tiger Data (creators of TimescaleDB) sponsor 12 CSS Features You Can Use Today with No Build Step — Highlights various CSS features that we can turn to now , retiring some toolchain dependencies in turn. Things like native nesting instead of Sass, :has() instead of wrapper-class hacks, and more. Flavio Copes Blurry Before Beautiful: Image Previews for the Web? — Having a 'blurry' version of an image load in before the full version isn't new, but the Edge team is proposing a previewsrc attribute so browsers can handle it natively. Patrick Brosset (Microsoft) ⚡️ IN BRIEF 🛠️ Chrome's latest DevTools update brings DevTools MCP server improvements, ad script tracking, more modern devices in Device Mode, and more. 🌏 A recent Edge update adds the OpaqueRange API for text-range UIs, component accessibility improvements, and the agent-ready WebMCP API. ☑️ Chrome 155 beta adds support for the CSS symbols() function, margin-trim , JPEG XL images, and more. 📙 Articles, Opinions & Tutorials The Root Scroller and How Not to Lose It — The ‘root scroller’ is the viewport’s scroll container and handles things like scroll restoration and collapsing mobile address bars. But common CSS patterns can hand scrolling to other elements and lose those features, as shown in this demo-packed explainer. Kilian Valkhof "AI, Make the Website Good" — Zach argues that, no matter the tools, caring about the quality of output matters more than ever. He amusingly illustrates this point by highlighting the front of house output of top AI companies. Zach Leatherman The Era of Agentic Mobile Development Is Built on Expo — Build with our CLI and dev tools. Test on our cloud simulators. And ship with the best CI/CD for mobile development. Expo sponsor 19½ Things You Didn't Know About Accessibility in HTML and CSS — A neat slide-driven writeup of a StripeCon Europe talk rounds up lesser-known accessibility details. Manuel Matuzovic 'CSS Scroll-Triggered Animations Are Here, And I Completely Missed Them' — Scroll- triggered animations shipped in Chrome back in February. Cyd catches us up on how they differ from regular and scroll-driven animations, and looks at the timeline-trigger and animation-trigger properties specifically. Cyd Stumpel Responsive iframes in Chrome 154 — Landed in Chrome, and in preview in Edge, responsively-sized iframes are now a thing. You can set an iframe to be the size of its content, set which dimension that size is derived from, and tweak dynamically. The only catch is the embedded document must opt in. Sebastian Benz & Bramus van Damme A Decent Custom Checkbox Pattern for Until ::checkmark is Ready — Until ::checkmark reaches checkboxes, Andy lays a transparent native input over a custom box with an SVG tick. Andy Bell We Found a Fix for 'Wobbly Spinners' in Safari — CSS’s round() function came to the rescue here. Cody Olsen The Death of Web Development Education: Rescuing a Field From Disappearing Mathias Schäfer 🧰 Tools, Code & Resources Critical 9.0: Extract and Inline Critical Path CSS in HTML — A total rewrite of the popular critical CSS inliner, used to improve first render and LCP. Version 9 picks between two engines: a fast, browser-free one for prerendered HTML and a Playwright-based one for SPAs. Plus MCP support. Addy Osmani and Ben Zörb 📊 Plotly.js 4: A Major Update for the Popular Charting Library — It adds ‘quiver’ plots for drawing vector fields (with many fantastic examples in the post), accepts any CSS Color 4 color string, and removes the use of Mapbox GL in favor of MapLibre. Chris Parmer Build Forms That Fit Your Frontend—and Any Backend — Create custom themes for your form UI or use style adapters for Bootstrap, MUI, and Shadcn/UI. Dedicated npm packages for React, Angular, and Vue. SurveyJS sponsor Semfont: A Font That Reads What You Wrote — A small library that auto-styles text word-by-word, scoring each word (by sentiment, salience, and more) and then applying color, weight, and slant. Repo here . Rohan Adwankar Slidev: Presentation Slides for Developers — Uses a Vue-based tech stack, providing a developer-focused set of tools for creating Markdown-based slides for tech talks. Anthony Fu 🧪 ...and finally The Periodic Table of HTML Elements — Contains all 115 elements of the current HTML Living Standard. A modernization of Josh Duck’s version included in Brad Frost’s Atomic Design book. Alena Batitskaia

  • DigitalOcean BlogMulti Author Blogs12 min read

    Introducing DigitalOcean Managed Agents: One AI-native stack to power your intelligence

    Following a successful private preview, we’re thrilled to open DigitalOcean Managed Agents to everyone. Teams can now deploy their preferred agent harness (like OpenCode, Codex CLI) or bring their own, connect agents to 16,000+ tools, and help agents do more work at scale…

  • JavaScript WeeklyMulti Author Blogsread at source

    JavaScript desktop apps in under 10MB

    #​803 — September 22, 2026 Read on the Web JavaScript Weekly tinyjs: Build JavaScript Desktop Apps in — I built an app with this and was impressed. You get a txiki.js -powered backend with full system access (including FFI!), native webview rendering, and tiny macOS, Linux, and Windows builds. It even makes it easy to sign/notarize the final app. Tarwin Stroh-Spijer There are lots of great options in this space though: Electrobun offers richer multi-window and GPU features, at the cost of a larger TypeScript runtime – though it can instead use Zig, Rust, Go, or Odin for a tiny native main process. Perry is a TypeScript to native AOT compiler whose primary UI model renders AppKit, Win32 and GTK4 widgets for a more conventionally native feel. Electron and the experimental Deno Desktop are powerful, but their executables typically run several times larger. Neutralinojs apps can be even smaller than tinyjs's, but you lose the general-purpose JavaScript privileged backend by design. Full-Text Search in Drizzle Without a Second System — Try the official ParadeDB integration for Drizzle. Search your live Postgres tables. No ETL, no Elasticsearch. ParadeDB cloud coming soon. ParadeDB sponsor Persistent Databases in the Browser with DuckDB-Wasm and OPFS — A walkthrough of running DuckDB in the browser with a database file that survives reloads using the Origin Private File System now supported by all major browsers. Piovesan and Wielenga (DuckDB) How Linear Reworked Its CI for 4x the Tests — Eager agents grew Linear's test suite, and its CI costs with it! They share some remedies: rewriting type-aware ESLint rules as plain AST checks cut lint time 55% and eased a move to Oxlint , while selectively turning off Vitest's isolation saved a further 17% a month. Mufeez Amjad (Linear) IN BRIEF: Lovable rewrote Vite's dev server in Rust (calling it OJ ) for performance reasons, but Evan You disputes the benchmark and predicts AI will have everyone maintaining "their own slop fork" . 📊 npmchart.com plots download trends, releases and repo activity for any npm package (here's Svelte's , for example), and lets you compare packages. 🔒 npm now offers stage-only tokens to let automated workflows stage a release for a maintainer to approve with 2FA. This offers a migration path for those who can't move to trusted publishing yet. RELEASES: Turborepo 2.11 – Experimental Rust, Python and Go support joins the task graph, plus up to 4x faster startup over 2.9. ESLint 10.11.0 – Performance update with faster startup and linting. Node.js 26.10.0 (Current) – Adds util.debounce / throttle . 📊 billboard.js 4.1 , QuickJS-ng 0.17.0 , VueUse 15.0 📖 Articles and Videos An Undercover Analyst Infiltrated the Gang Behind 'Mini Shai-Hulud' — Bad news for the group behind this spring's cascading supply chain attacks… Google had a mole in their group chat! WIRED explains how the group was monitored and disrupted, leading to two recent arrests . Andy Greenberg (WIRED) The V8 Runtime Undermined My Constant-Time JavaScript Library — A look at how even branchless JavaScript can leak secrets through CPU cache behavior, due to quirks in how V8 handles booleans and -0 . Soatok Dreamseeker Your UI Isn't Slow. It's Waiting on the Data — TimescaleDB extends Postgres so the data behind your UI loads fast as it grows. Get $1000 credit to start . Tiger Data (creators of TimescaleDB) sponsor Do Frameworks Matter Anymore? — If you're using AI, you're either using a framework or your agent is building an ad-hoc one on the fly. A Remix team member argues that's a good reason to want frameworks, and better ones, too. Brooks Lybrand 📄 We Are All Product Engineers Now – Laurie argues that understanding what customers need becomes a core developer skill. Laurie Voss 📺 Is AI Changing How JavaScript Itself Gets Designed? – A 2-minute take from TC39 delegate Michael Ficarra. JetBrains 📄 Solid 2.0: It's the Little Things – Six touches that change how SolidJS 2.0 feels. Brenley Dueck 📄 How Notion Handles Concurrent Editing with CRDTs Nehmzow and Guo (Notion) 🛠 Code & Tools Plotly.js 4: A Big Update for the Popular Charting Library — Now ships its own TypeScript types, adds ‘quiver’ plots (above) for drawing vector fields (with many awesome examples in the post), accepts CSS Color 4 color strings, and removes Mapbox GL in favor of MapLibre (no token needed!) Chris Parmer 🤖 Transformers.js v4.3: Run AI Models in the Browser — Adds support for structured output (e.g. JSON), using WebGPU on Safari 26+, and DeepSeek v4. The docs have had an overhaul and there’s now an agent skill you can use. Hugging Face 💡 Hugging Face also released a collection of 207 Apache-2.0 WebGPU kernels — matmul, attention and quantization ops for your own runtime. Still Writing Tests Manually? Meticulous AI Is Here — Flaky tests slowing down dev? Meticulous gives engineers confidence to ship faster by autonomously testing every edge case of your web app. Meticulous sponsor @shadcn/lint : An Agent-First Linter for Tailwind — An ESLint/Oxlint plugin to enforce rules like "no raw colors" and "no restyling from outside" with errors to steer agents back to your variants and tokens. shadcn Devframe: A Framework for Building DevTools That Run Anywhere — From the developer behind Vitest and Nuxt DevTools, "a framework for building DevTools, in the same way Nuxt or Next.js provides a framework [for web apps]" . Define a tool once and Devframe turns it into a Web Standard request handler you can mount almost anywhere. Anthony Fu ✉️ Mailflare: A Self-Hosted Inbox Built Entirely on Cloudflare — A self-hosted inbox for custom domains built on Cloudflare’s Email Routing, Workers, D1 and R2. AGPL 3.0 licensed. Hieu Nguyen gridstack.js 14.0 – The popular drag-and-drop dashboard layout library adds a list mode that reflows widgets like a reorderable list. ( Demos .) 🖼️ image-dimensions 2.6 – Quickly get an image's dimensions by reading the least amount of data. Feedsmith 3.0 – A fast way to parse and generate web feeds, including RSS, Atom, and JSON. 📰 Classifieds A developer's guide to adding eSignature to your app with an API : How signing workflows and embedded signing work, and the core steps to add signing to your product with Foxit. 🧩 CAPTCHA was built for a different internet. Replace it with invisible bot detection with a few lines of code. Try Fingerprint for free . Meet chat.agent on Trigger.dev : durable AI agents built with the AI SDK you already use. Long-lived LLM sessions that survive deploys, crashes & refreshes. 📢 Elsewhere in the ecosystem I love these pure CSS 'hand drawn' annotations (above) you can add to any page in a data-note attribute. Cloudflare's Sunil Pai writes about the senior engineer 'death spiral' , where you go dark for weeks to prove yourself in a new role and end up burning out. 🤖 Simon Willison writes about Jev , a new, fast 'decision model' taking developer social media by storm. Feed it semi-structured state and one or more questions and you get only numbers back (probabilities, choices and scores). GitHub Actions has a new cache-mode setting to limit cache access per workflow or job, a defence against the kind of cache poisoning that compromised TanStack's npm packages in May .

  • DequeMulti Author Blogs5 min read

    Intelligent automation and the new era of guided testing

    Automated IGTs run through the Axe MCP Server, which puts them inside the environment where code is being written, so a developer can run a guided test and get remediation guidance without leaving their editor. The post Intelligent automation and the new era of guided testing appeared first on Deque .

  • Go Make ThingsMulti Author Blogs1 min read

    Weeds can't grow where they can't take root

    In native gardening, the most effective way to prevent unwanted plants (aka weeds) from growing is to crowd them out with plants you do want. Rather than well-space plants with large gaps of mulch, you packed plants densely together, just like you’d find in nature. Without the space to take root, weeds are (mostly) kept at bay. This is a metaphor about life and social change. I spend a lot of time fighting against social injustice.

  • Go Make ThingsMulti Author Blogs1 min read

    Running a business made me hate capitalism

    Today, I realized that running my own business (successfully for a while) is a big part of what made me hate capitalism so damn much. For nearly a decade, I grew a blog I started while learning to code into a tech education business and dev consultancy. First it was a hobby, then a side hustle, then a full time job. I loved having control of my work and my time.

  • DigitalOcean BlogMulti Author Blogs4 min read

    The Next Step for Mission-Critical Workloads: Managed Databases Advanced Edition

    As your business scales, your database shifts from a simple storage layer to the critical heart of your application architecture. For years, DigitalOcean has helped thousands of startups and growing businesses effortlessly launch and scale fully managed PostgreSQL , MySQL ,…

  • Web Tools WeeklyMulti Author Blogsread at source

    Web Tools Weekly Issue #687

    CSS/HTML, Git/CLI, Jamstack

  • DequeMulti Author Blogs2 min read

    Axe-con 2027 registration is now open!

    Deque Systems announces that registration is now open for Axe-con, the world’s largest digital accessibility event, to be held virtually February 23-24, 2027. The post Axe-con 2027 registration is now open! appeared first on Deque .

  • Frontend FocusMulti Author Blogsread at source

    When CSS could run JavaScript

    🚀 Frontend Focus #​758 — September 16, 2026 | Read on the web CSS Curiosities of the Past — A wonderful tour of the non-standard CSS quirks developers used to make browsers behave, especially Internet Explorer . Covers the 'star hack', CSS expressions (JavaScript in your CSS!), IE's DirectX filters, the famous box model hack , and more. Declan Chidlow Your Users Filter Faster Than Your Queries Can Run — Zoom the chart, change the range, and the whole query reruns from scratch. TimescaleDB extends Postgres so those aggregations return instantly. Continuous aggregates pre-compute rollups so dashboards stay fast at scale. Get $1000 credit to start . Tiger Data (creators of TimescaleDB) sponsor ✅ The Front-End Checklist — We've shared this before, but it's kept improving and now has almost 400 frontend quality rules covering accessibility, performance, security, SEO, and more. You can also now connect it to Claude, Cursor, and other AI tools over MCP so they review against the same standards. David Dias ⚡️ IN BRIEF 🧭 Safari 27 has shipped (alongside iOS, iPadOS, and macOS 27), bringing customizable elements, sizes="auto" on images, the :heading pseudo-class, alpha() , multi-color color-mix() , and more. 🤖 Apple has also shared details on how you can hook up an AI agent to Safari , as of Safari 27, for testing, debugging, etc. 🌐 Chrome 153 is out, adding single-axis scroll containers (in non-stable channels only) and the and elements. Chrome 154 is now in beta , too. 🤔 Last week, Automattic's board forced CEO Matt Mullenweg into a leave of absence , before Mullenweg declared that he was " back in control ". ✳️ We often share links to the helpful articles on CSS-Tricks , but it's gone quiet recently. Editor Geoff Graham sheds some light on why . 📙 Articles, Opinions & Tutorials Better Icon and Label Alignment — When text is just one line, an accompanying icon is nicely vertically centered, but when the text has multiple lines, the icon is still 'centered' but can look oddly misplaced… Ahmad explores a fix using CSS's lh unit. Ahmad Shadeed The Case Against JPEG XL (in the Browser) — With JPEG XL decoding making its way into Chrome and Firefox, an AV1 encoder developer who once backed the format argues it offers little advantage over AVIF for the web. Gianni Rosato How Sentry Application Metrics Caught a Broken AI-Written Estimator — Real files came out up to 83% bigger than predicted. Read how a few browser metrics surfaced it. Sentry sponsor WebKit Supports interactive-widget (and Hopefully Safari Will Too?) — WebKit recently gained support for interactive-widget , the viewport directive that controls how a page resizes when the virtual keyboard appears. Bramus built WebKit locally to test it and recaps the three modes with side-by-side visuals. Bramus Van Damme Sidenotes with CSS Anchor Positioning — A walkthrough of building Tufte-style sidenotes (margin notes instead of footnotes - as above ) with anchor positioning. It's JavaScript-free, multi-block, and degrades gracefully on narrow viewports and older browsers. Vincent Bernat WCAG 3: The Road to Hell is Paved with Supplemental Requirements — Accessibility expert Eric critiques the latest WCAG 3 draft's optional “Supplemental Requirements” and “Assertions,” arguing they'll see little uptake and proposing named, adoptable modules instead. Eric Eggert Animating CSS border-image — How to animate border styles (using an image or gradient) to create some interesting user interface effects. Preethi Sam A Deep Dive into StyleX — Here's a hands-on tour of Meta’s StyleX , a library which turns JavaScript style objects into plain atomic CSS at build time. Flavio also looks at why it can be a good fit for coding agents in particular. Flavio Copes Screen Readers Seem to Largely Ignore the headers Attribute on Table Cells Adrian Roselli Google and OpenAI Want Your Site to Talk to Agents Rachel Nabors ▶ WebMCP Is Here and You Should Care Syntax 🧰 Tools, Code & Resources Neat Annotations: Elegant Hand-Drawn Annotations with CSS — A lovely way to add some flourish to your content - think hand-drawn arrows and labels, all in CSS. Scroll down on the demo page to get the idea, or see the repo . Maxim Syabro rich-input >: A Rich Input Field — Acts like a regular input type="text" > but adds contextual keyword-based autocompletion and highlighting powered by datalist >, OpaqueRange and the CSS Custom Highlight APIs. Bramus Van Damme Your Agents Have Been Coding Blindfolded. Simulators Give Them Sight — Cloud Simulators give your agents the ability to see the mobile apps you are building. Join the waitlist . Cloud Simulator sponsor SnapDOM 3.0: Turn DOM Elements Into Images — A no-dependency html2canvas alternative with support for web fonts, pseudo-elements and Shadow DOM. v3.0 adds ‘incremental recapture’ for faster repeat captures, automatic web font embedding, and fromString() for turning raw HTML markup into images. Zumerlab ds.css: A Nintendo DS-Inspired CSS Framework — I also run a Nintendo newsletter , so this is like catnip to me. The DS was Nintendo's foldable, touchscreen handheld released in 2004. This framework attempts to recreate its pixelated charm. See a demo here . Perfect for a homepage! spiritov EaseMotion CSS: A Zero-Dependency, Animation-First CSS Framework — Includes animated buttons, cards, layout styles, and a full motion library with 20+ animations. The styles are easy to implement via human-readable class names and there's an integration layer for React. Try it here . Saptarshi Sadhu UI Skills: A Collection of Design-Engineering Skills to Help Humans and Agents Create Better Interfaces Interface Office 📰 Classifieds 📄 No more regex hacks for PDF data. Foxit's Extraction API reads tables, fields, and layout, then returns clean JSON. ⚡️ Add lightning-fast 1D/2D barcode scanning to your web app with STRICH , a lean JS SDK. Simple, predictable pricing. Free trial and demo! 😡 ...and finally Page Rage: Take Out Your Stress on a Web Page — Ever get a bit flustered when building a site? Work out some of that stress by destroying several pre-made pages here, or install the browser extension to smash up any web page to your heart’s content. Alex Reardon

  • Go Make ThingsMulti Author Blogs1 min read

    The most influential fictional cat

    Almost immediately after finishing the Dungeon Crawler Carl series, I started re-reading the books. I’m blown away by how much the series has pushed me even further into anarchist, community-oriented behavior. We recently moved from MA back to Rhode Island. We were making a lot of trips back and forth between our old house and the storage unit we rented near our new place. After one particularly long day, I pulled off the highway for a quick bite to eat, and saw one of the homeless folks I know panhandling.

  • JavaScript WeeklyMulti Author Blogsread at source

    Functional programming jargon, mapped out

    #​802 — September 15, 2026 Read on the Web JavaScript Weekly Functional Programming Jargon, Mapped and Explained — Currying, purity, functors, monads…? If FP terms ever go over your head, TC39 delegate Hemanth HM's popular jargon reference is now an explorable map of concepts showing how they relate, each with a simple definition and JavaScript example. Hemanth HM Stay Sharp in the Age of AI — Master.dev instructors build at Anthropic, OpenAI, Netflix, Google, and Stripe. Learn from them with hundreds of courses, live workshops, and expanded AI learning paths. New members get $100 off a yearly membership . Master.dev sponsor Modern Web Types: TypeScript Support for Newer Web APIs — TypeScript's DOM types only include APIs shipped in multiple browser engines, so things like element-scoped startViewTransition and fetchLater throw up errors. modern-web-types is a drop-in lib.dom replacement that adds missing interfaces/members shipped in any single browser engine. Philip Walton (Google) React 19.3 Released — A significant minor release making view transitions and Fragment Refs stable, adding Trusted Types support, and more. We covered it in more depth in last week's React Status . The React Team IN BRIEF: 🔒 Attackers are scanning for exposed Vite dev servers exploiting a server.fs.deny bypass (patched in Vite 7.3.2 and 8.0.5 earlier this year) to grab credentials from .env files. Vite listens on localhost by default, but double check your setup. Safari 27 shipped yesterday (alongside macOS/iOS 27), bringing the module loader rewrite we covered last week , so top-level await now works reliably in all major browsers. TC39 meets in Tokyo in two weeks. Here's the agenda with three iterator helper follow-ups ( join , includes and chunking ) all up for Stage 4, plus more. 🔒 Starting this Thursday, the OpenJS Foundation's CVE team is taking a break till October 6 due to burnout driven by a surge of AI-generated reports. Actively exploited issues will still get a response. 🔒 npm now places a temporary 72-hour 'security hold' on any account after a successful recovery-code sign-in. RELEASES: pnpm 12.4 – The package manager can now manage Rust crates and Python packages alongside npm ones in a single workspace. Playwright 1.63 – Tests can now declare a named lock so those sharing a resource never run concurrently. Node.js v26.8.2 (Current) and v24.21.0 (LTS) – Both include a security release of Undici to fix numerous vulnerabilities. React Router 8.4 , Vite 8.3 , Moment.js 2.31.0 (security release). 📖 Articles and Videos A Design Space Exploration of async / await — A simple async / await example produces different results in JavaScript, Rust, Python and Swift. Test your mental model with a quiz, then learn about the design choices behind the differences. Gavin Gray Native is Now the Future of Mobile at Shopify — Shopify is rewriting its React Native mobile apps in Swift/Kotlin. The main argument is coding agents have cut the cost of writing everything twice, while the upsides of native remain. Mustafa Ali (Shopify) Workshop: From an Error to the Logs That Explain It — Reading logs next to traces and errors, holding context across services, and cutting the noise. Sentry sponsor A Deep Dive into StyleX — A hands-on tour of Meta's StyleX , which turns JavaScript style objects into plain atomic CSS at build time, and why it can be a good fit for coding agents in particular. Flavio Copes 📄 'Nobody Pays for Open Source: We Can Force Them To' – Laurie Voss ran npm for five years and thinks registries are an untapped lever for funding maintainers. Laurie Voss 📄 Anecdotally, Programmers Dislike reduce – map and filter sail through code review, but reduce draws complaints. Evan has a few theories why. Evan Hahn 🛠 Code & Tools SnapDOM 3.0: Turn DOM Elements Into Images, Canvas and More — Zero-dependency html2canvas alternative with support for pseudo-elements and Shadow DOM. v3.0 adds 'incremental recapture' for faster repeat captures, automatic web font embedding, and fromString() for turning raw HTML markup into images. Zumerlab Your App Didn't Get Slower. Your Data Got Bigger — TimescaleDB extends Postgres so queries stay fast at scale, even as your data grows. Get $1000 credit to start . Tiger Data (creators of TimescaleDB) sponsor Fallow: Codebase Intelligence for TypeScript and JavaScript — A fast, zero-config Rust binary that finds dead code, duplication, circular dependencies and complexity hotspots in JS/TS projects. It's also pitched as a deterministic check for AI agent coding loops. GitHub repo . Bart Waardenburg 🎨 category-colors: Generate 'Least Wrong' Color Palettes for Charts — Matt devised this algorithm for picking categorical chart colors in 2022 while design director at Stripe. It's now available as an npm package , and you can try it out on the Web here . Matt Ström-Awn React DevTools 8.0 ( Chrome Web Store ) – The Suspense tab is now on by default, the Timeline profiler is gone (use your browser's Performance panel instead), and inspecting a DOM node now shows its matching React component. Zod 4.6 – Adds .validate() , a boolean check that skips building errors and is up to 35x faster than .safeParse().success on invalid input with compiled schemas. Javet 6.0 – Embed Node.js v26's runtime in the JVM for full interop with Java. parse-xml 5.0 – The fast, compliant XML parser goes ESM-only . 🕹️ n64js 1.0 – A Nintendo 64 emulator in pure JavaScript. 📰 Classifieds 💻 Free live coding workshop, Sept 16 . Build signup protection with Fingerprint that catches fake signups, no matter how they cover their tracks. Flaky tests slowing down dev? Meticulous gives engineers confidence to ship faster by autonomously testing every edge case of your web app. ⚡ Zuplo puts every API, AI, and MCP request behind one gateway. Route traffic, guard your MCP servers, and cap your AI costs. Try it free . 📢 Elsewhere in the ecosystem 🕹️ This year's js13kGames entries are in with a record 317 games squeezed into 13KB each . Frank Force's SP13KTRA racer and the Hornbound roguelike are good places to start, and you can dig around the public repos of every project too. Chris Coyier rounds up new and emerging HTML features worth knowing about , like the and elements, as well as HTML-in-Canvas and improvements to customization. The first Three.js Conference took place in Paris last week, and Codrops has a live-blog writeup of both days , including Mr.doob's talk. No recordings yet. Tailwind Labs, the team behind Tailwind CSS, is joining Shopify . Tailwind CSS is to remain maintained and open source – phew! 😅

  • DigitalOcean BlogMulti Author Blogs3 min read

    Intelligence is yours. Let's keep it that way.

    Intelligence was yours . A founder’s intellectual property, business logic, differentiation, their intelligence, was once theirs alone. You built it, you owned it, and no tools/platform vendor stood between you and your customers. This is no longer clear. It is starting to look…

  • Go Make ThingsMulti Author Blogs1 min read

    Depending on other people

    In countries outside of the US, “libertarianism” is often synonymous with anarchy. In the US, it typically refers to folks who are really into unrestrained capitalism without the social support. I was talking about this with a libertarian friend some time ago, and they said something along the lines of… What you’re describing means you’d have to really depend on other people. They meant it in a bad way.

  • Treehouse BlogMulti Author Blogsread at source

    JavaScript vs. TypeScript: What’s the Difference?

    Unlike the Java-vs-JavaScript mix-up (two totally unrelated languages that just happen to share a name), JavaScript and TypeScript really are related — closely. TypeScript isn’t a competitor to JavaScript. It’s built directly on top of it. That relationship is exactly... The post JavaScript vs. TypeScript: What’s the Difference? appeared first on Treehouse Blog .

  • A List ApartMulti Author Blogsread at source

    Designed for a Dead Language

    Every language app in your pocket inherited a teaching method built for Latin. Understanding why that happened is a more useful design lesson than anything the apps themselves will teach you. In 1788, Prussia introduced the Abitur, a standardized national examination required for entry into universities and the civil service. To pass it, students needed to demonstrate measurable, gradable knowledge. The system needed to teach language to large classrooms, produce consistent outcomes, and do it with one teacher and thirty students. The educators responsible for designing this system reached for the only teaching template they had, one that had been used in European schools for two centuries: the method developed to teach Latin. Latin, by 1788, was a dead language. Nobody needed to speak it. The scholars who studied it were reading Cicero and Virgil, not conducting conversations. The method built around it, memorizing grammar rules, constructing translations, analyzing written texts, reflected that reality exactly. Oral skills were irrelevant. Comprehension of written form was everything. The method was not designed to produce speakers. It was designed to produce readers of texts in a language nobody spoke. When Prussia applied this template to French and German, living languages spoken by living people, the premise did not change. Johann Valentin Meidinger's textbook Praktische Französische Grammatik , published in 1804, ran to 37 editions across Europe by 1857. Karl Plotz formalized the approach into what became the dominant model for teaching modern languages across Europe and eventually the United States, where it became known simply as the Prussian Method [1]. Each institution that adopted it trained teachers in it, who trained students who became teachers. The constraint that created the method, how do you grade language at scale with limited resources, became invisible inside the method itself. What remained was the assumption: language is a body of rules to be learned consciously and measured. It was a design decision dressed up, over time, as a pedagogical truth. The observation that should have ended it There are people in the world who cannot read or write a language and speak it fluently. There are children who hold full conversations years before they can read a single word. There are immigrants who arrive in a country knowing nothing of its language and come out, years later, speaking it naturally, not because they studied it, but because they lived inside it. Literacy and fluency are separate things produced by entirely separate mechanisms. The Grammar-Translation method, as it became known, assumed they were the same thing. That assumption was inherited from a method designed for a language nobody needed to speak, and it was wrong the moment it was applied to a language people actually used. The evidence against it accumulated slowly. In the mid to late nineteenth century, reformers including François Gouin in France and Maximilian Berlitz in the United States argued independently that language should be taught the way it is actually acquired, through immersive exposure to real communication in the target language, not through analysis of its rules. Berlitz built an entire school network around this principle. The reformers were correct. They were also largely ignored by mainstream education systems, because the Grammar-Translation method had one decisive advantage that direct immersion did not: it could be graded. In 1982, the linguist Stephen Krashen gave the argument its most formal articulation in what he called the Monitor Model of second language acquisition. His distinction was precise: language acquisition, the unconscious process through which children absorb their native language and through which adults succeed in immersive environments, is categorically different from language learning, the conscious study of grammar rules and vocabulary that classrooms deliver [2]. Acquisition produces fluency. Learning, at best, produces the ability to pass a test. The evidence supporting this distinction, and the observation that immersive exposure to real native-speaker communication is the mechanism that produces genuine fluency, has only grown since. I went to Brazil without a word of Portuguese and came out speaking it. I studied French in a classroom for years and cannot hold a conversation in French today. This is not an unusual experience. It is the expected outcome, and it has been the expected outcome for as long as we have had formal language education. The same decision, made again in a different medium Prussian educators faced the question: How do you deliver language learning at scale, measure progress, and retain users over time? The answer it arrived at was structurally identical to the one arrived at in 1788. Duolingo gamified the grammar drill into a streak. Anki formalized the translation exercise into a spaced-repetition flashcard. Babbel organized grammar lessons into structured modules. The interfaces were new. The underlying assumption, that language is a thing you study rather than an environment you inhabit, was not. This was not a failure of design skill. The products that emerged from these decisions are, in many respects, genuinely well-crafted. Duolingo's retention mechanics are sophisticated. Anki's spaced repetition is grounded in real cognitive science. They are excellent at what they actually do. The problem is what they actually do: produce measurable engagement with a proxy for language rather than the conditions that produce language itself. A streak is measurable. A vocabulary score is measurable. The moment a user walks out of an app and holds a real conversation in another language, that happens in the world, outside the product, and cannot be instrumented. When the outcome a user needs is difficult to measure directly, the design process tends to reach for something that can be measured. The proxy becomes the goal. The interface optimizes for it. The gap between what the product delivers and what the user actually needed grows. This is not a pattern unique to language learning. It is a pattern that repeats across product categories whenever a design constraint—the need to measure, the need to scale, the need to produce a grade—gets built into a system so deeply that it stops being visible as a constraint and starts being mistaken for a truth about the problem itself. What happens when the constraint changes The constraint that made the Grammar-Translation method necessary in 1788 was real and rational. One teacher. Thirty students. A standardized exam. You cannot grade a conversation at scale. You can grade a translation exercise. The method was not chosen because it produced fluency. It was chosen because it produced a score. That constraint no longer exists in the same form. Technology has made it possible to deliver immersive, real-time conversation practice to anyone with a smartphone, at a cost that continues to fall. The design problem is no longer how to make language learning gradable at scale. It is how to make the conditions of genuine language acquisition accessible to people who cannot move to another country or afford a native-speaker tutor. The products that are now closest to solving the actual problem are not the ones that invented a new pedagogy. They are the ones that removed the access barrier to an old one. Praktika builds AI conversation partners with distinct personalities, regional dialects, and cultural context, replicating the specificity of a real native speaker rather than a generic language-learning voice. Langua clones native speaker voices so that the interaction feels like a real conversation rather than a lesson. Rosetta Stone's foundational methodology, image association in the target language with no translation, was built on the same insight Berlitz arrived at in the nineteenth century: language is acquired through immersive exposure, not through analysis of its rules [3]. A 2025 meta-analysis of 31 studies found that AI conversation tools produced a statistically significant improvement in language learning outcomes, a result that no amount of flashcard optimization has consistently matched [4]. None of these products invented a new theory of language acquisition. They translated an existing one into something more people could reach. The design question this leaves The Grammar-Translation method persisted not because educators were wrong about design, but because a design decision made under a specific constraint became, over two centuries, indistinguishable from the thing itself. The constraint, how do you grade language at scale, was forgotten. The method it produced was inherited as if it were a description of how language works, passed from Prussia to Europe to America to the App Store, from the grammar drill to the streak. Every time a design team optimizes for a metric because the actual outcome is hard to measure, they are making a version of the same decision. It is often the right decision given real constraints. The question worth asking is whether the constraint that made it necessary still exists, or whether it has simply become invisible inside the system it originally produced. Before reaching for what can be measured, it is worth asking what the user actually needs to do, and what stopped them from doing it before. Sometimes the answer is a new solution. More often it is an old one that was always out of reach.

  • codeburstMulti Author Blogs7 min read

    Sizing your first Elasticsearch cluster: what actually matters

    Photo by Hirzul Maulana on Unsplash The million dollar question when setting up your first Elasticsearch cluster: sizing. It feels like it should have an obvious answer. How many nodes? How much storage? What’s the limit? But the reality is more complex. There isn’t one hard…

  • 30 seconds of codeMulti Author Blogsread at source

    Cherry-pick an unreachable GitHub commit

    Have you ever needed to cherry pick a GitHub commit that does not belong to any branch on this repository? Here's an easy way to do it.

  • Web Performance CalendarMulti Author Blogs8 min read

    The Curious Case of the Shallow Session SPAs

    Buried at the end of this year’s installment of my semi-annual series on network and device reality is a mystery: multiple, independent data sets from the Web Performance community indicate sites built as Single-Page Applications (“SPAs”) receive, on average, only one (1) “soft navigation” for every “hard” page load. The RUM Archive and Michal Mocny’s […]