rssbox: index

Hacker News: Front Page

Air Lab – A portable and open air quality measuring device 8h ago

Hi HN!I’ve been working on an air quality measuring device called Air Lab for the past three years. It measures CO2, temperature, relative humidity, air pollutants (VOC, NOx), and atmospheric pressure. You can log and analyze the data directly on... Read

Show HN: I made a 3D SVG Renderer that projects textures without rasterization 170 47 13h ago

Article URL: https://seve.blog/p/i-made-a-3d-svg-renderer-that-projects Comments URL: https://news.ycombinator.com/item?id=44187645 Points: 170 # Comments: 47 Read

Tesla seeks to guard crash data from public disclosure 427 313 16h ago

Article URL: https://www.reuters.com/legal/government/musks-tesla-seeks-guard-crash-data-public-disclosure-2025-06-04/ Comments URL: https://news.ycombinator.com/item?id=44186780 Points: 427 # Comments: 313 Read

A Spiral Structure in the Inner Oort Cloud 106 26 16h ago

Article URL: https://iopscience.iop.org/article/10.3847/1538-4357/adbf9b Comments URL: https://news.ycombinator.com/item?id=44186660 Points: 106 # Comments: 26 Read

parrot.live 147 32 16h ago

Article URL: https://github.com/hugomd/parrot.live Comments URL: https://news.ycombinator.com/item?id=44186536 Points: 147 # Comments: 32 Read

More...

LLMs and Elixir: Windfall or Deathblow? 148 57 16h ago

Article URL: https://www.zachdaniel.dev/p/llms-and-elixir-windfall-or-deathblow Comments URL: https://news.ycombinator.com/item?id=44186496 Points: 148 # Comments: 57 Read

OpenAI slams court order to save all ChatGPT logs, including deleted chats 914 742 18h ago

Article URL: https://arstechnica.com/tech-policy/2025/06/openai-says-court-forcing-it-to-save-all-chatgpt-logs-is-a-privacy-nightmare/ Comments URL: https://news.ycombinator.com/item?id=44185913 Points: 914 # Comments: 742 Read

Cursor 1.0 505 387 19h ago

Article URL: https://www.cursor.com/en/changelog/1-0 Comments URL: https://news.ycombinator.com/item?id=44185256 Points: 505 # Comments: 387 Read

Autonomous drone defeats human champions in racing first 240 194 19h ago

Article URL: https://www.tudelft.nl/en/2025/lr/autonomous-drone-from-tu-delft-defeats-human-champions-in-historic-racing-first Comments URL: https://news.ycombinator.com/item?id=44184900 Points: 240 # Comments: 194 Read

A proposal to restrict sites from accessing a users’ local network 492 284 21h ago

Article URL: https://github.com/explainers-by-googlers/local-network-access Comments URL: https://news.ycombinator.com/item?id=44183799 Points: 492 # Comments: 284 Read

The iPhone 15 Pro’s Depth Maps 304 79 21h ago

Article URL: https://tech.marksblogg.com/apple-iphone-15-pro-depth-map-heic.html Comments URL: https://news.ycombinator.com/item?id=44183591 Points: 304 # Comments: 79 Read

When memory was measured in kilobytes: The art of efficient vision 120 24 23h ago

Article URL: https://www.softwareheritage.org/2025/06/04/history_computer_vision/ Comments URL: https://news.ycombinator.com/item?id=44182698 Points: 120 # Comments: 24 Read

IRS Direct File on GitHub 633 265 23h ago

https://github.com/IRS-Public/direct-file Comments URL: https://news.ycombinator.com/item?id=44182356 Points: 633 # Comments: 265 Read

Prompt engineering playbook for programmers 333 125 23h ago

Article URL: https://addyo.substack.com/p/the-prompt-engineering-playbook-for Comments URL: https://news.ycombinator.com/item?id=44182188 Points: 333 # Comments: 125 Read

FFmpeg merges WebRTC support 801 178 23h ago

Article URL: https://git.ffmpeg.org/gitweb/ffmpeg.git/commit/167e343bbe75515a80db8ee72ffa0c607c944a00 Comments URL: https://news.ycombinator.com/item?id=44182186 Points: 801 # Comments: 178 Read

How we reduced the impact of zombie clients 130 27 23h ago

Article URL: https://letsencrypt.org/2025/06/04/how-we-reduced-the-impact-of-zombie-clients/ Comments URL: https://news.ycombinator.com/item?id=44182184 Points: 130 # Comments: 27 Read

Why I wrote the BEAM book 543 141 1d ago

Article URL: https://happihacking.com/blog/posts/2025/why_I_wrote_theBEAMBook/ Comments URL: https://news.ycombinator.com/item?id=44179257 Points: 543 # Comments: 141 Read

Can't fetch https-reddit.comrExperiencedDevs.rss

The Pragmatic Engineer

Stack overflow is almost dead 21d ago

Today, Stack overflow has almost as few questions asked per month, as when it launched back in 2009. A recap of its slow, then rapid, downfall. Read

Tech hiring: is this an inflection point? 51d ago

We might be seeing the end of remote coding interviews as we know them, and a return of in-person interviews, trial days and longer trial periods. Could hiring be returning to pre-pandemic norms? Read

Survey: What’s in your tech stack? 79d ago

We want to capture an accurate snapshot of software engineering, today – and need your help! Tell us about your tech stack and get early access to the final report, plus extra analysis Read

Software engineering job openings hit five-year low? 105d ago

There are 35% fewer software developer job listings on Indeed today, than five years ago. Compared to other industries, job listings for software engineers grew much more in 2021-2022, but have declined much faster since. A look into possible... Read

Where did TikTok’s software engineers go? 119d ago

How has this uncertainty affected software engineers at the Chinese-owned social network? Read

More...

The Pragmatic Engineer 100K Giveaway 120d ago

The Pragmatic Engineer's YouTube channel crossed 100K subscribers. Celebrating with a giveaway of 100 books and newsletter subs:10x signed physical books (The Software Engineer’s Guidebook [in English or German - your choice!], Building Mobile Apps... Read

Are LLMs making StackOverflow irrelevant? 135d ago

Fresh data shows that the number of questions asked on StackOverflow are as low as they were back in 2009 – which was when StackOverflow was one years old. The drop suggests that ChatGPT – and LLMs – managed to make StackOverflow’s business model... Read

Where to find to The Pragmatic Engineer Podcast 148d ago

The Pragmatic Engineer Podcast covers software engineering at Big Tech and startups, from the inside. We do deepdives with experienced engineers and tech professionals who share their hard-earned lessons, interesting stories and advice they have on... Read

Why my new audiobook “The Software Engineer's Guidebook” is everywhere except on Audible 177d ago

Currently, Audible’s position is hurting audiobook authors. My audiobook isn’t on Audible due to a mix of their monopolistic pricing practices, and the company’s own complacency in how long they take to approve new titles. Read

The Pragmatic Engineer: Cyber Monday Deals 185d ago

It's Cyber Monday: and I'm offering one-day, one-off discounts on my ebooks, as well as on The Pragmatic Engineer Newsletter. Here they are:The Pragmatic Engineer Newsletter: 20% off, for the first year, for annual subscriptions. Claim it here. See... Read

The Pragmatic Engineer in 2024 188d ago

The last 12 months, The Pragmatic Engineer covered a variety of deepdives, revealing previously unshared details like:What Stripe's engineering culture is likeThe architecture evolution of BlueskyHow the ChatGPT scaled to meet demandHow Anthropic... Read

Which IDEs do software engineers love, and why? 191d ago

Software engineers shared their favorite IDEs with GenAI features on social media. The most-mentioned one by a comfortable margin was Cursor. WindSurf and Zed also seem to be getting traction at the expense of Visual Studio, and JetBrains. Read

Did Automattic commit open source theft? 230d ago

The maker of WordPress took 2M customers from its biggest rival: has a red line been crossed? Read

Interesting startup idea: benchmarking cloud platform pricing 231d ago

A team of 3 developers built a neat platform called Spare Cores that makes cloud instance pricing more transparent. A deepdive on how exactly they did it. Read

Open source business model struggles at WordPress 237d ago

Automattic, creator of Wordpress, is being sued by one of the largest WordPress hosting providers. The conflict fits into a trend of billion-dollar companies struggling to effectively monetize open source, and are changing tactics to limit their... Read

The Astro Blog

Astro 5.9 15h ago

Astro 5.9 has got your site on lockdown, with experimental support for Content Security Policy, rendering Markdown in content loaders, and more! Read

What's new in Astro - May 2025 6d ago

May 2025 - Michelin + ApostropheCMS case study, new Astro course from James Q Quick, and more! Read

Astro 5.8 18d ago

Astro 5.8 is a Nodally fresh update which bumps the minimum required version of Node.js. Read

What's new in Astro - April 2025 37d ago

April 2025 - April Launch Week, Agency Partner Program, 2 million monthly downloads, and more! Read

2025 Technical Steering Committee 49d ago

Meet Astro’s 2025 Technical Steering Committee and learn how our open governance model supports the framework’s growth, performance, and community-led development. Read

More...

Starlight April Update 50d ago

Rejuvenate your docs with heading anchor links, Tailwind v4 support, CSS @layer, and a new head metadata API. Read

Astro 5.7 52d ago

Astro 5.7 has a basketload of treats, including stable Sessions and SVG components and a new Experimental Fonts API. Read

Astro Agency Partner Program 53d ago

Announcing the Astro Agency Partner Program, a new way to connect with expert Astro agencies Read

Astro 5.6 64d ago

Astro 5.6 brings first-class astro:env and experimental session support to Cloudflare, and gives more control over prefetching. Read

What's new in Astro - March 2025 67d ago

March 2025 - Celebrating 50K GitHub stars, ViteConf, and more! Read

Astro 5.5 85d ago

Astro 5.5 dives deep with better support for diagramming tools, improved Markdown compatibility, and type-safe sessions! Read

What's new in Astro - February 2025 98d ago

February 2025 - Storyblok live previews, Astro integrations at TheJam.dev, behind the scenes at Astro Together, and more! Read

Astro 5.4 101d ago

Astro 5.4 brings remote image optimization in Markdown, enhanced security for dev and preview servers, RegExp support for Vercel ISR excludes, and more! Read

Starlight 0.32 109d ago

The latest Starlight features unlock new possibilities on our path to v1. Let’s meet route middleware, plugin i18n APIs, and multisite search. Read

Astro 5.3 113d ago

Astro 5.3 is here with faster page rendering, easier setup for experimental sessions, and more! Read

What's new in Astro - January 2025 126d ago

January 2025 - Starting the year off with a bang! Read

Astro 5.2 127d ago

Astro 5.2 is now available! The first minor release of 2025 includes Tailwind 4 support, a new way to access config values in your pages, better trailing slash handling, and support for external redirects. Read

2024 year in review 140d ago

Revisit everything that happened in Astro last year: new feature releases, survey results, Astro Together, and more! Read

What's new in Astro - December 2024 157d ago

December 2024 - Astro 5, State of JS, Google IDX partnership, and more! Read

Astro 5.1 169d ago

Astro 5.1 is now available. This includes a new experimental sessions feature, improved caching for images, and new tools for building Astro Actions. Read

Astro 5.0 185d ago

Astro 5.0 brings exciting new features like the Astro Content Layer for seamless content loading from any source, and Server Islands for effortlessly combining static and dynamic personalized content. Read

Google IDX: Our Official Online Editor Partner 186d ago

We are happy to announce that Google IDX has become Astro’s official online editor partner, donating $10,000 each month towards the ongoing open-source maintenance and development of Astro. Read

What's new in Astro - November 2024 188d ago

November 2024 - Astro joins Bluesky, Vite 6, and more! Read

What's new in Astro - October 2024 218d ago

October 2024 - The State of Frontend 2024, Astro Cloudinary, and more! Read

Astro x Cloudinary SDK 246d ago

We are happy to partner with Cloudinary to launch the Astro x Cloudinary SDK: a comprehensive API for building with images and videos in Astro. Read

What's new in Astro - September 2024 249d ago

September 2024 - Beta 5.0, Astro Storefront, $100,000 Ecosystem Fund update, and more! Read

Community Loaders for Astro Content Layer 260d ago

An overview of some of the early and promising loaders for Astro's Content Layer. Read

Astro x Hygraph: Content Loader 260d ago

We are excited to announce Hygraph as a launch partner for Astro Content Layer. Read

Astro x Cloudinary: Content Loader 260d ago

We are happy to announce Cloudinary as a launch partner for the Astro Content Layer API. Read

Astro x Storyblok: Content Loader 260d ago

We are excited to announce Storyblok as a launch partner for Astro Content Layer. Read

Content Layer: A Deep Dive 261d ago

There's a new way to handle content in Astro. Take a deep dive into the Content Layer API, and learn how it can help you build even more kinds of sites using Astro. Read

Starlight 0.28 261d ago

Meet the latest Starlight features: i18next, on-demand rendering support, sidebar persistence, smart tabs, and more for your docs. Read

Astro 5.0 Beta Release 262d ago

The first beta for Astro 5.0 beta is now available for you to try! Read

The $100,000 Astro Ecosystem Fund Fall Update 263d ago

Astro — the web framework for building content-driven websites like blogs, marketing, and e-commerce — is giving away $100,000 to support other open-source projects in our ecosystem that improve the lives of Astro users everywhere, every day.... Read

Goodbye Studio, Hello DB 266d ago

We have decided to wind down Astro Studio and open up Astro DB to connect to any libSQL database, including Turso. Read on to hear what comes next for Astro and Astro DB. Read

What's new in Astro - August 2024 279d ago

August 2024 - Content Layer API (experimental), Astro Actions, and more! Read

Astro 4.15 281d ago

Astro 4.15 is now available! This release stabilizes Astro Actions — our solution for fully type-safe backend functions. Also included: support for libSQL remotes in Astro DB, a new timeout option for `client:idle`, and more. Read

Astro 4.14 295d ago

Astro 4.14 is available now! This release includes the first experimental version of the Content Layer API, experimental support for Intellisense inside content files, and more. Read

Astro 4.13 309d ago

Astro 4.13 is now available! This release includes stabilized experimental features, logging improvements, and more. Read

What's new in Astro - July 2024 310d ago

July 2024 - Server islands, Netlify partnership, and more! Read

Astro 4.12: Server Islands 323d ago

Astro 4.12 is now available! This release includes includes the first experimental release of Server Islands, improvements to pagination and syntax highlighting, and more. Read

Netlify: Our Official Deployment Partner 326d ago

We are happy to announce that Netlify has become Astro’s official deployment partner, donating $12,500 each month towards the ongoing open source maintenance and development of Astro. Read

What's new in Astro - June 2024 341d ago

June 2024 - Celebrating Astro, together! Read

Astro 4.11 351d ago

Astro 4.11 is out with custom 500 page improvements and Shiki transformers in the Code component. Read

Astro Together 2024 357d ago

A look back at our meetup in Montreal Read

Server Islands 358d ago

Part three of our series on The Future of Astro, covering a new island architecture pattern for dynamic content rendered inside of fast, CDN-cached static pages. Read

The Astro Content Layer 359d ago

Part two of our series on The Future of Astro, covering our plans for the next evolution of content management in Astro. Read

Zero-JavaScript View Transitions 360d ago

Part one of our series on The Future of Astro. Browser-native page transitions are now possible with zero JavaScript required. Read

Astro 4.10 365d ago

Astro 4.10 is out with experimental type-safe environment variables, as well as enhancements to the Container API and Rewrites. Read

Starlight turns one year old! 366d ago

Discover the latest news from 12 months of Starlight development Read

What's new in Astro - May 2024 371d ago

May 2024 - Celebrating Astro, together! Read

Astro 4.9 379d ago

Astro 4.9 is now available! This release includes the long-awaited Container API, stabilized experimental features, and more. Read

Astro 4.8 393d ago

Astro 4.8 is here! This release includes experimental support for Astro actions and request rewriting, performance improvements, and more. Read

What's new in Astro - April 2024 402d ago

April 2024 - Passing 10,000,000 downloads on NPM, getting together in Montreal, and more! Read

Astro 4.7 407d ago

Astro 4.7 is out now! This release includes significant improvements to the API for making toolbar apps, a new way to keep yourself up to date, and more. Read

Astro 4.6 421d ago

Astro 4.6 is here! This release includes a new manual routing strategy for internationalization, the ability to move the dev toolbar, experimental support for CSRF protection, and more. Read

What's new in Astro - March 2024 432d ago

March 2024 - Astro DB, Astro Developer Portal and so much more Read

Migrating 500+ tests from Mocha to Node.js 438d ago

A retrospective of how Astro migrated more than 500 test suites from Mocha to Node.js test runner. Read

Astro DB: A Deep Dive 450d ago

Yesterday we launched a fully managed SQL database service designed exclusively for the Astro web framework. Let's dive into the implementation details of Astro DB: how it works, why we built it, and why we're adopting libSQL. Read

The Astro Developer Portal 450d ago

Today, we’re launching the Astro Developer Portal, a platform where theme authors can submit, manage, and promote their themes built for Astro. Read

Astro DB 451d ago

Astro DB is here! Astro DB is a fully managed SQL database designed exclusively for Astro. It is fast, lightweight, and ridiculously easy-to-use. Read

Astro 4.5 452d ago

Astro 4.5 is out! This release includes a new Dev Audit UI, View Transition improvements, Shiki 1.0, multi-CDN asset prefixing, and more! Read

Astro + Volar = 💖 452d ago

Astro relies on the hard work and dedication of several open-source projects, and we are extremely thankful to the maintainers of each and every one. In this article, we'd like to highlight one specific project that made a significant impact to the... Read

What's new in Astro - February 2024 463d ago

Leap into Astro news with a bonus February day! Read

Astro 4.4 477d ago

Astro 4.4 is now available! This release includes the addition of performance audits for the dev toolbar, performance upgrades, the ability to automatically infer the dimensions of remote images, and more. Read

Astro 4.3 491d ago

Astro 4.3 is out now! This release includes support for domain routing in i18n, better support for relative images in Markdown, a new `ComponentProps` type export, and more. Read

What's new in Astro - January 2024 492d ago

2023 was a huge year for Astro, and 2024 is already shaping up to be even bigger. Let's dive into the updates! Read

Astro 4.2 505d ago

Astro 4.2 is out now! This release includes two new experimental features to try out, improvements to accessibility rules, and more. Read

Astro 4.1 519d ago

Astro 4.1, our first release of the new year, is here! This release includes new accessibility audit rules, an extended `client:visible` directive, and more. Read

What's new in Astro - December 2023 523d ago

December: last month of the year, a time to reflect on all the amazing things we've shipped, including Astro 4.0! Read

No More Bottlenecks 543d ago

How Thinkmill Reduced Dependencies on Senior Developers with Astro Read

Building a community of builders 547d ago

Today, we launch our newest initiative to recognize people in our community who go above and beyond, including our very own maintainers. Read

Slashing Development Costs 547d ago

How WP Engine Lowered Development Costs by Over 50% with Astro’s Starlight Read

Sentry: Our Official Monitoring Partner 548d ago

Sentry is Astro's new official monitoring partner. To celebrate, we're featuring Spotlight, a rich debug overlay from Sentry. Read

Astro 4.0 549d ago

Astro 4.0 is here! New APIs, faster builds, redesigned docs, and a unique new Dev Toolbar for Astro that enhances your local dev environment in new and exciting ways. Read

The $100,000 Astro Ecosystem Fund 550d ago

What's new in Astro - November 2023 554d ago

November: the month of migrating the Astro Docs to Starlight, 3 Starlight minor releases, new view transition events and more! Read more about what's new in Astro this month. Read

Astro 4.0 Beta Release 557d ago

The first Astro 4.0 beta release is now available for you to try out in any existing Astro project! Stay tuned for more information about the upcoming Astro 4. Read

Astro 3.5: i18n Routing 576d ago

Astro 3.5 is out! It includes experimental support for i18n routing, prefetch for speedier page loads, form support with ViewTransitions, image optimization improvements, and more. Read

What's new in Astro - October 2023 584d ago

Another busy month in Astro! From Hacktoberfest to releasing Page Partials. Read up on everything that happened this month in the Astro universe. Read

Astro 3.4: Page Partials 589d ago

Astro 3.4 is now released with support for page partials, improved image optimization performance, and an early preview of a new dev overlay. Read

Web Pages in Half The Time 593d ago

Why Microsoft Chose Astro to Build Their Fluent 2 Design System Website Read

Astro 3.3: Picture component 603d ago

Astro 3.3 is out with a brand new, experimental Picture component, improved compatibility for syntax highlighting, and package provenance. Read

Astro @ ViteConf 2023 613d ago

See you at ViteConf! Hear from members of the Astro core team, alongside an amazing lineup of projects from the Vite ecosystem. Read

Astro 3.2: View Transitions improvements 617d ago

Astro 3.2 is out with several improvements to View Transitions, including the ability to control the history stack, and a JavaScript navigation API Read

How Astro does i18n 645d ago

Leading open-source documentation with and for an international community. Read

Astro 3.0 646d ago

30% faster and more powerful than ever, Astro 3.0 is here! Includes new features and enhancements around View Transitions, Image Optimization, Fast Refresh JSX and more. Read

Vercel: Our Official Hosting Partner 648d ago

Vercel is Astro's new official hosting partner. To celebrate, we're launching new features for Astro users who deploy to Vercel's frontend cloud. Read

Release Content Faster 665d ago

How Firebase Cut Blog Publishing From Hours to Minutes with Astro Read

Astro 2.10: Persistent State in View Transitions 673d ago

Persistent UI in View Transitions and our first look at Astro 3.0 Read

Astro 2.9: View Transitions (experimental) 687d ago

Astro 2.9 is out with experimental support for View Transitions, allowing smooth page transitions. Read

Content for Everyone 708d ago

How Astro Helped Contenda Build a Content-Sharing Platform in One Month Read

Better Images in Astro 730d ago

A new feature brings built-in image optimization to Astro. Coming in Astro 3.0, you can opt-in to try it yourself in today. Images in Astro have been completely redesigned with more features, faster performance, and a better end-user experience... Read

Astro 2.6: Middleware 731d ago

A handful of experimental features go stable in Astro 2.6 including middleware, hybrid SSR output mode, custom client directives, and CSS inlining. Experimental support for a new redirects API is also introduced. Read

Astro 2.5 750d ago

Data collections • Hybrid rendering • Custom client directives • HTML minification • Parallelized rendering • Polymorphic type helper • More! Read

Astro 2.4 764d ago

Stronger CSS scoping • Code component improvements • Middleware • CSS inlining • More! Read

Astro 2.2 793d ago

CDN support for assets • image() schema helper API change • Much more! Read

CloudCannon announces official support for Astro 812d ago

CloudCannon, a popular Git-based CMS for static site generators, has announced full support for Astro. Read

Astro 2.1 821d ago

Introducing built-in image support • Markdoc integration • Watch mode for astro check • New TypeScript helpers and more! Read

2023 Web Framework Performance Report 822d ago

A look at how different web frameworks perform in the real world in 2023. Based on real-world, production data from HTTP Archive and Google Chrome. Read

Welcome, World 823d ago

Astro's new look is live! Learn all about our new brand including the design process, our new logo, typeface, color palette, and mascot. Read

WebStorm announces official support for Astro 854d ago

WebStorm, the popular IDE for Javascript by JetBrains, has announced initial support for Astro. Features include syntax highlighting, code completion, refactorings, navigation, intentions, code folding, Emmet support, and correct formatting. Read

Astro Community Awards 2022 861d ago

The Astro Community Awards for 2022 have been announced! These awards recognize the Astro community members who went above and beyond the past year. Read more to find out who was recognized! Read

Unlock New Possibilities with Hybrid Rendering 862d ago

New in Astro 2.0: Hybrid rendering unlocks the best of both worlds—choose between the performance of static pages or the full flexibility of server rendering for each page of your website. Read

Introducing Content Collections: Type-Safe Markdown in Astro 2.0 863d ago

New in Astro 2.0: Content Collections deliver a better developer experience for working with local content like Markdown and MDX. Powered by TypeScript, your local content is now automatically typed and validated for you against a schema so that... Read

Astro 2.0 864d ago

Astro 2.0 is here! Astro 2.0 is the first major web framework to deliver complete type-safety for Markdown and MDX. Other release highlights include: Hybrid Rendering • Redesigned Error Overlays • Improved Dev Server and HMR • Vite 4.0 • A New... Read

Themes Catalog Updates 911d ago

Announcing the new and improved themes catalog. Now with support for more detailed theme descriptions and paid themes. Read

Announcing the Astro Tutorial 945d ago

Wrapping up Astro Docs week with our biggest Docs announcement to date: our first Astro Tutorial. Read

Hacktoberfest with Astro Docs 949d ago

It’s Astro Docs week! See how we hacked Hacktoberfest to celebrate our awesome contributors this October. Read

Astro 1.5.0 Release 967d ago

Introducing: Adapter support for astro preview • Node.js standalone mode • HMR improvements • New API route params Read

Astro @ ViteConf 2022 970d ago

See you at ViteConf! We have a ton of speakers from Astro giving talks and appearing on panels, alongside an amazing lineup. Read

Astro 1.4.0 Release 981d ago

Introducing: Astro.cookies • Strict dependency installation • Better control over style ordering • JSX in Vue components Read

Storyblok Becomes Astro's Official CMS Partner 1003d ago

We are happy to announce that Storyblok has become Astro’s exclusive CMS partner, donating $2,500 each month towards the ongoing open source maintenance and development of Astro. Read

Astro Contributor Awards: September 2022 Edition 1004d ago

Every few months, we distribute 100% of our sponsorship funds for an entire month to the standout members of our community. These awards go to recognize the people who go above and beyond to improve Astro in some way, contributing inside and... Read

Astro 1.0 1032d ago

Astro 1.0 is out now! Astro is a web framework for building fast, content-focused websites. Performance powered by Astro next-gen island architecture. Learn more about Astro 1.0 release, our new website, and what people are saying about Astro. Read

Astro 1.0 Release Update 1096d ago

Just announced: The Astro v1.0.0 release date has been pushed back to late July. Read

Vercel launches zero-configuration support for Astro 1114d ago

You can now deploy Astro projects to Vercel with ease. Read

Astro on Netlify Edge Functions 1144d ago

Announcing support for the new Netlify Edge Functions platform Read

The Astro 1.0 Hackathon is Here 1155d ago

4 weeks. Fully remote. 3 awesome Astro categories. $15,000 in prizes. What are you waiting for? Read

Introducing The Astro Showcase 1155d ago

Explore beautiful community websites built with Astro. Read

Astro Contributor Day 1156d ago

Happy Astro Contributor Day! Who are some of our awesome contributors? Where does Astro's sponsorship 💰 go? How does Astro give back to OSS? Lets get into it! Read

Astro Themes & Integrations 1157d ago

Introducing: a growing catalog of themes, components, and integrations to jumpstart your next Astro project. Read

Server-Side Rendering with Astro 1158d ago

Announcing experimental support for server-side rendering in Astro Read

Astro 1.0 Beta Release 1159d ago

The Astro 1.0 Beta is now available! This release marks the stabilization of all major APIs, with no more major breaking changes planned between now and the official v1.0 release. Read

Astro Beta Launch Week 1166d ago

incoming transmission // attention space cadets... Read

Astro 0.25 Release Notes 1167d ago

Introducing: a new integration system • a new "add" command • shiki syntax highlighting • improved CLI build output Read

Astro 0.23 Release Notes 1203d ago

Introducing: Dynamic file routes • Automatic XSS protection • two new component directives • vite 2.8 • and more! Read

Scaling Astro to 10,000+ Pages 1228d ago

A new experimental flag in Astro build enables building sites with tens of thousands of pages. Read

Announcing The Astro Technology Company 1241d ago

The Astro Technology Company has formed to support the Astro open source project and build a better platform for web developers everywhere. Read

Astro 0.21 1295d ago

Astro v0.21.0 is finally here! Read

Astro 0.21 Preview: Vite + WASM = ⚡️ 1339d ago

Get a sneak preview of what is next for Astro, including our new Vite build engine and WASM-powered Go compiler. Read

Astro Demo Day September Edition 1355d ago

Astro September Demo Day was today and we had 4 amazing talks, including one with big announcements on the future direction of Astro. Read

Introducing the Astro REPL 1358d ago

The power of Astro, right in your browser. Read

Netlify Becomes Astro's Official Hosting Partner 1366d ago

We are happy to announce that Netlify has become Astro’s first corporate sponsor and exclusive hosting partner, donating $2,500 each month towards the ongoing open source maintenance and development of Astro. Read

Astro 0.19 1388d ago

Introducing: Next.js-inspired dynamic routing • Astro.resolve() • client:only components • translations • and more! Read

Astro 0.18 Release 1410d ago

Introducing: Responsive partial hydration • Solid.js support • Lit SSR support • Named slots • Global style support • and more! Read

Introducing Astro: Ship Less JavaScript 1459d ago

We're excited to announce Astro as a new way to build static websites and deliver lightning-fast performance without sacrificing a modern developer experience. Read

Can't fetch https-dotfyle.comthis-week-in-neovimrss.xml

Vibe Coding Weekly

Issue #7 3d ago

Welcome back 👋! Another week, another batch of AI news, fresh articles, and tech goodness from the Vibe Coding space. Let’s dive in. Read

Issue #6 10d ago

Vibe Coding Weekly — Issue Six is out!Hey there 👋, welcome back to your weekly hit AI news, articles, and cool stuff happening in the Vibe Coding space. We’ve got another packed issue for you, so let’s jump right in.📰 AI Industry NewsStay Read

Issue #5 27d ago

Vibe Coding Weekly, Issue Five, is out! Here’s what you’ll find inside:OpenAI agrees to buy Windsurf for about $3 billion 🤯.Figma announced Figma Make AI-Powered Design Tools 🎨.Coding app Cursor AI just raised $900 million at $9B valuation... Read

Issue #4 34d ago

Vibe Coding Weekly, Issue Four, is out! Here’s what you’ll find inside:Perplexity announces its new browser, Comet, for agentic search.AI section builder for Shopify.The first-ever State of Web Dev AI 2025 report just dropped. Plus, a few curated... Read

Issue #3 41d ago

Vibe Coding Weekly Issue Three is out. Here's what you'll find in this issue:Lovable 2.0 launched with multiplayer workspaces, an AI coding assistant, security scanning, and easier app deployment features.Gian Segato explains why personal agency,... Read

More...

Issue #2 48d ago

Vibe Coding is evolving fast. This issue brings you two powerful AI tools to supercharge your builds, breaking industry news (like OpenAI's possible $3B move) and standout articles unpacking what vibe coding means for developers, founders, and the... Read

Issue #1 56d ago

As Vibe Coding continues to change the development world, staying in the loop with the latest tools, trends, and insights is more important than ever. We've put together a curated list for you! You'll find recommended AI-driven dev tools, the... Read

SRE WEEKLY

SRE Weekly Issue #479 4d ago

View on sreweekly.com Automatic rollbacks are a last resort Rollbacks don’t always return you to a previous system state. They can return you to a state you’ve never tested or operated before. Steve Fenton — Octopus Deploy Burn rate is a better... Read

SRE Weekly Issue #478 11d ago

View on sreweekly.com Security and SRE: How Datadog’s combined approach aims to tackle security and reliability challenges Datadog has fully merged their SRE and Security teams. In this post, we’ll look at essential elements of SRE and security,... Read

SRE Weekly Issue #477 18d ago

View on sreweekly.com Human Error Strikes Again… or Does It? Why don’t we look for the root cause of a successful outcome? Hamed Silatani — Uptime Labs How we optimized LLM use for cost, quality, and safety to facilitate writing postmortems They... Read

SRE Weekly Issue #476 25d ago

View on sreweekly.com Automation and The Substitution Myth The myth is: The underlying and often unexamined assumption for the benefits of automation is the notion that computers/machines are better at some tasks, and humans are better at a... Read

SRE Weekly Issue #475 32d ago

View on sreweekly.com Anomaly Detection in Time Series Using Statistical Analysis I haven’t seen this level of detail in an article on anomaly detection in quite awhile. Still, the math is very approachable even if you slept through stats class.... Read

More...

The Spacebar

This is every Ubuntu Linux default wallpaper 7d ago

The default wallpapers from over 20 years of Ubuntu Linux, from Warty Warthog to Plucky Puffin, in full original quality. Read

Moonbase Alpha: That time NASA made a meme video game 9d ago

John Madden. John Madden. Aeiou. Aeiou. Read

The worst tech event ever: looking back at Google I/O 2024 24d ago

Put some glue in your pizza, while you do vibe home renovation. Read

Data hoarding is more important than ever 36d ago

The destruction of public data and media is reaching critical levels. You can help stop it by downloading literally everything. Read

What is real in the age of AI slop and SEO spam? 73d ago

Your mission, if you choose to accept it, is to find factually-accurate information online in 2025. Read

More...

Why can't we go back to small phones? 95d ago

The iPhone SE is dead, and with it, the compact smartphone as a mainstream product. What happened? Read

The flip phone web: browsing with the original Opera Mini 122d ago

Opera Mini was first released in 2005 as a web browser for mobile phones, with the ability to load full websites by sending most of the work to an external server. It was a massive hit, but it started to fade out of relevance once smartphones... Read

I missed out on 3D movies, but they're back in VR 151d ago

The golden era of 3D home movie releases might be over, but community workarounds have brought them back in VR. Read

This is the perfect 'retro' Mac 206d ago

I grew up using Mac computers, and for a long time, I've wanted something that would allow me to use all those old applications and games in a more convenient setup. I now have the perfect 'retro' Mac, at least for me: an upgraded Mid-2010 Mac Read

New slop just dropped, from OpenAI 224d ago

How many wings does an airplane have? OpenAI's video generator doesn't know. Read

The Mozilla Graveyard 250d ago

A look back at 20 dead Mozilla and Firefox products, from smartphones to VR games. Read

Game consoles are now smartphones, and that's okay 266d ago

You don't need to upgrade every time. Read

These repairable phones still aren't built to last 272d ago

HMD's "sustainable" phones don't have software built to last. Read

This is the best way to download videos and audio 284d ago

You can use yt-dlp on to save and convert media from YouTube, SoundCloud, TikTok, Reddit, and many other sites. Read

What is Firefox supposed to do? 317d ago

Firefox now collects data for advertisers. It's not actually scary, but there is a bigger problem. Read

Keyboard Builders' Digest

KiiBOOM LOOP65 review 1d ago

The KiiBOOM LOOP65 is an affordable 65% keyboard with a cool multi-color aluminum case. A relatively compact wireless board supporting VIA. Read

Pineapple60 1d ago

Saoto Tsuchiya's Pineapple60 project is a set of ergo keyboard PCBs for ThinkPads – with trackpoint. Read

Aryess 1d ago

A feature-rich open-source 65% keyboard PCB: Aryess by Pioz. Read

Paicorea 1d ago

Paicorea is a 42-key low-profile split keyboard designed by DreaM117er – with PG1316S switches and Azoteq trackpad. Read

Mathpad 1d ago

Summa Cogni's Mathpad is a dedicated device that makes it easy to type equations. Read

More...

Behind the scenes #191 10d ago

Keyboard projects, tips, quick news, keyboard art, in the mailbox, meetups, vendors, discounts. Read

EclairM0 10d ago

A cute little gadget by Mateusz Nowak: EclairM0. Read

Hermod 10d ago

Charlie Steenhagen's modular low-pro split keyboard: the Hermod with huge displays. Read

Bug54 17d ago

The Bug54 is a low-profile wireless split keyboard by Oliver Gründel. Read

KYB3R.ORTHO 17d ago

A 32-key ortholinear keyboard by nerdbude: the cyberpunkish KYB3R.ORTHO. Read

Best-selling keyboard switches of April, 2025 28d ago

In this month's overview of community-favorite mechanical switches, here are April's top picks, based on real sales data provided by vendors and manufacturers. Read

Spliteo 28d ago

Teodor Raykov's Spliteo is an ergo split keyboard with a 4-key thumb cluster. Read

Ambra 28d ago

The 34-key wireless Ambra, designed by stozi, is a nice split keyboard with vertical thumb clusters. Read

MPA keyboard 29d ago

A 42-key wireless split keyboard with CFX spacing – MPA by miwayho. Read

Lobotomy 29d ago

Kilipan's Lobotomy is a crazy 30-40% Alice keyboard. Read

Hephaestes38 29d ago

An open-source 38-key low-profile unibody split keyboard: Hephaestes38 by DeppressedCabbage. Read

Behind the scenes #190 41d ago

Keyboard projects, tips, quick news, keyboard art, in the mailbox, meetups, vendors, discounts. Read

HE60 PCB 41d ago

The HE60 is an open-source 60% Hall-effect keyboard PCB by peppapig. Read

Protractor 41d ago

The Protractor is a low-profile unibody ortho keyboard with adjustable typing angle. Read

Gamma Omega 42d ago

A 36-keys low-profile unibody split keyboard designed for portability: Gamma Omega by unspecworks. Read

Nomad 42d ago

An open-source 68-key low-profile split keyboard by Andreas Tacke: Nomad. Read

Lapka 49d ago

Nikita Shirokov released his Lapka, a 36-key low-pro split keyboard with uniform splay. Read

PickPocket 50d ago

JCam's PickPocket is a 36-key hotswappable Bluetooth split keyboard. Read

Muikku58 50d ago

A 56-key split keyboard using low-profile Redragon switches: Muikku58 by Juho T. Read

Best-selling keyboard switches of March, 2025 58d ago

In this month's overview of community-favorite mechanical switches, here are March's top picks, based on real sales data provided by vendors and manufacturers. Read

Frontend Masters Boost RSS Feed

firstChild can be white space 8h ago

Just a tiny gotcha. Read

SVG to shape() 1d ago

We’ve been trying to make the point around here that the new shape() in CSS is awesome. It’s the powerful in SVG ported to CSS so it can use actual units. It’s probably how path() should have ported to begin with, but c’est la vie. I’ll make the... Read

Out-of-your-face AI 4d ago

A very interesting aspect of the AI smashing its way into every software product known to man, is how it’s integrated. What does it look like? What does it do? Are we allowed to control it? UX patterns are evolving around this. In coding tools,... Read

The Simplest Way to Deploy Your Own Updatable Portfolio Site 7d ago

For the true beginners out there! We'll put the files in a GitHub repo and connect it to Netlify to host it. Read

CSS Spotlight Effect 10d ago

We can pass the mouse position from JavaScript to CSS and use it to make unusual and playful effects. Read

More...

P3 in Color Inputs 13d ago

I just complained that color inputs couldn’t deal in P3 colors. Looks like Safari is the first-mover on supporting that, as well as alpha: I was able to make a quick demo and see it on iOS: Under the Sliders tab, it’s still just R G & B, but it... Read

Move Modal in on a… shape() 14d ago

Got an old "modal" design? Now might be the time to upgrade it to a , as we can do both open & close animations now. Read

Cloudflare AutoRAG 15d ago

I enjoyed this video from Kristian Freeman from Cloudflare on building something quickly with their AutoRAG feature. RAG (Retrieval-Augmented Generation), as I understand it, means that you’re going to ask an AI model a question, but you want that... Read

ChatGPT and the proliferation of obsolete and broken solutions to problems we hadn’t had for over half a decade before its launch 16d ago

It was a lovely day on the internet when someone asked how to CSS animated gradient text like ChatGPT’s “Searching the web” and promptly got an answer saying “Have you tried asking ChatGPT? Here’s what it told me!” – well, maybe not these exact... Read

Creating Blob Shapes using clip-path: shape() 17d ago

Blobs! Gooey weird shapes you can fill with any background and even animate. Read

web.dev: Blog

May 2025 Baseline monthly digest 6d ago

Read about various happenings with Baseline during May 2025. Read

New to the web platform in May 7d ago

Discover some of the interesting features that have landed in stable and beta web browsers during May 2025. Read

WebStatus.dev: Now with more data, deeper insights, and a clearer path to Baseline 9d ago

Announcing improvements to the Web Platform Dashboard. Read

The Baseline Netlify extension has shipped 13d ago

The Baseline Netlify extension helps developers to understand which Baseline targets are best supported by users. Learn more in this post on how to use it! Read

Visual Studio Code now supports Baseline 16d ago

Learn about the new Baseline support in VS Code Read

More...

Iterator helpers have become Baseline Newly available 35d ago

Iterator helpers became Baseline Newly available as of March 31, 2025. Read

April 2025 Baseline monthly digest 35d ago

Read about various happenings with Baseline during April 2025. Read

New to the web platform in April 36d ago

Discover some of the interesting features that have landed in stable and beta web browsers during April 2025. Read

The ClipboardItem.supports() function is now Baseline Newly available 36d ago

The static ClipboardItem.supports() function to determine support for a given MIME type is now part of Baseline. Read

March 2025 Baseline monthly digest 66d ago

Read about various happenings with Baseline during March 2025. Read

CSS-Tricks

Exploring the CSS contrast-color() Function… a Second Time 2h ago

The contrast-color() function doesn’t check color contrast, but rather it outright resolves to either black or white (whichever one contrasts the most with your chosen color). Safari Technology Preview recently implemented it and we explore its... Read

Getting Creative With HTML Dialog 2d ago

So, how can you take dialogue box design beyond the generic look of frameworks and templates? How can you style them to reflect a brand’s visual identity and help to tell its stories? Here’s how I do it in CSS using ::backdrop, backdrop-filter, and... Read

Better CSS Shapes Using shape() — Part 2: More on Arcs 6d ago

This is the second part of a series that dives deep into the CSS shape() command, continuing with a more detailed look at the arc command. Better CSS Shapes Using shape() — Part 2: More on Arcs originally published on CSS-Tricks, which is part of... Read

What We Know (So Far) About CSS Reading Order 9d ago

The reading-flow and reading-order proposed CSS properties are designed to specify the source order of HTML elements in the DOM tree, or in simpler terms, how accessibility tools deduce the order of elements. You’d use them to make the focus order... Read

Better CSS Shapes Using shape() — Part 1: Lines and Arcs 13d ago

This is the first part of a series that dives deep into the shape function, starting with shapes that use lines and arcs. Better CSS Shapes Using shape() — Part 1: Lines and Arcs originally published on CSS-Tricks, which is part of the... Read

More...

You can style alt text like any other text 14d ago

Clever, clever that Andy Bell. He shares a technique for displaying image alt text when the image fails to load. Well, more precisely, it's a technique to apply styles to the alt when the image doesn't load, offering a nice UI fallback for what... Read

SVG to CSS Shape Converter 15d ago

Shape master Temani Afif has what might be the largest collection of CSS shapes on the planet with all the tools to generate them on the fly. There’s a mix of clever techniques he’s typically used to make those shapes, … SVG to CSS Shape Converter... Read

A Reader’s Question on Nested Lists 17d ago

Answering a reader's question about how to create a complex numbering system with CSS list counters. A Reader’s Question on Nested Lists originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. Read

HTML Email Accessibility Report 2025 20d ago

Some weekend reading on the heels of Global Accessibility Awareness Day (GAADM), which took place yesterday. The Email Markup Consortium (EMC) released its 2025 study on the accessibility in HTML emails, and the TL;DR is … HTML Email Accessibility... Read

Scroll-Driven Animations Inside a CSS Carousel 21d ago

Hey, isn't there a fairly new CSS feature that works with scroll regions? Oh yes, that's Scroll-Driven Animations. Shouldn't that mean we can trigger an animation while scrolling through the items in a CSS carousel? Scroll-Driven Animations Inside... Read

This Isn’t Supposed to Happen: Troubleshooting the Impossible 22d ago

What it looks like to troubleshoot one of those impossible issues that turns out to be something totally else you never thought of. This Isn’t Supposed to Happen: Troubleshooting the Impossible originally published on CSS-Tricks, which is part of... Read

Using Pages CMS for Static Site Content Management 24d ago

I know, I know: there are a ton of content management system options available, and while I've tested several, none have really been the one, y'know? Weird pricing models, difficult customization, some even end up becoming a whole 'nother thing to... Read

Orbital Mechanics (or How I Optimized a CSS Keyframes Animation) 28d ago

What does it look like to refactor your own code? John Rhea picks apart an old CSS animation he wrote and walks through the thought process of optimizing it. Orbital Mechanics (or How I Optimized a CSS Keyframes Animation) originally published on... Read

Why is Nobody Using the hwb() Color Function? 29d ago

Okay, nobody is an exaggeration, but have you seen the stats for hwb()? They show a steep decline, and after working a lot on color in the CSS-Tricks almanac, I’ve just been wondering why that is. Why is Nobody Using the hwb() Color Function?... Read

GSAP is Now Completely Free, Even for Commercial Use! 30d ago

Along with the version 3.13 release, GSAP, and all its awesome plugins, are now freely available to everyone. GSAP is Now Completely Free, Even for Commercial Use! originally published on CSS-Tricks, which is part of the DigitalOcean family. You... Read

A List Apart: The Full Feed

From Beta to Bedrock: Build Products that Stick.

As a product builder over too many years to mention, I've lost count of the number of times I've seen promising ideas go from zero to hero in a few weeks, only to fizzle out within months. Financial products, which is the field I work in, are no... Read

User Research Is Storytelling

Ever since I was a boy, I’ve been fascinated with movies. I loved the characters and the excitement—but most of all the stories. I wanted to be an actor. And I believed that I’d get to do the things that Indiana Jones did and go on exciting... Read

To Ignite a Personalization Practice, Run this Prepersonalization Workshop

Picture this. You’ve joined a squad at your company that’s designing new product features with an emphasis on automation or AI. Or your company has just implemented a personalization engine. Either way, you’re designing with data. Now what? When it... Read

The Wax and the Wane of the Web

I offer a single bit of advice to friends and family when they become new parents: When you start to think that you’ve got everything figured out, everything will change. Just as you start to get the hang of feedings, diapers, and regular naps,... Read

Opportunities for AI in Accessibility

In reading Joe Dolson’s recent piece on the intersection of AI and accessibility, I absolutely appreciated the skepticism that he has for AI in general as well as for the ways that many have been using it. In fact, I’m very skeptical of AI myself,... Read

More...

I am a creative.

I am a creative. What I do is alchemy. It is a mystery. I do not so much do it, as let it be done through me. I am a creative. Not all creative people like this label. Not all see themselves this way. Some creative people see science in what... Read

Humility: An Essential Value

Humility, a designer’s essential value—that has a nice ring to it. What about humility, an office manager’s essential value? Or a dentist’s? Or a librarian’s? They all sound great. When humility is our guiding light, the path is always open for... Read

Personalization Pyramid: A Framework for Designing with User Data

As a UX professional in today’s data-driven landscape, it’s increasingly likely that you’ve been asked to design a personalized digital experience, whether it’s a public website, user portal, or native application. Yet while there continues to be... Read

Mobile-First CSS: Is It Time for a Rethink?

The mobile-first design methodology is great—it focuses on what really matters to the user, it’s well-practiced, and it’s been a common design pattern for years. So developing your CSS mobile-first should also be great, too…right? Well, not... Read

Designers, (Re)define Success First

About two and a half years ago, I introduced the idea of daily ethical design. It was born out of my frustration with the many obstacles to achieving design that’s usable and equitable; protects people’s privacy, agency, and focus; benefits... Read

Breaking Out of the Box

CSS is about styling boxes. In fact, the whole web is made of boxes, from the browser viewport to elements on a page. But every once in a while a new feature comes along that makes us rethink our design approach. Round displays, for example,... Read

How to Sell UX Research with Two Simple Questions

Do you find yourself designing screens with only a vague idea of how the things on the screen relate to the things elsewhere in the system? Do you leave stakeholder meetings with unclear directives that often seem to contradict previous... Read

A Content Model Is Not a Design System

Do you remember when having a great website was enough? Now, people are getting answers from Siri, Google search snippets, and mobile apps, not just our websites. Forward-thinking organizations have adopted an omnichannel content strategy, whose... Read

Design for Safety, An Excerpt

Antiracist economist Kim Crayton says that “intention without strategy is chaos.” We’ve discussed how our biases, assumptions, and inattention toward marginalized and vulnerable groups lead to dangerous and unethical tech—but what, specifically, do... Read

Sustainable Web Design, An Excerpt

In the 1950s, many in the elite running community had begun to believe it wasn’t possible to run a mile in less than four minutes. Runners had been attempting it since the late 19th century and were beginning to draw the conclusion that the human... Read

Voice Content and Usability

We’ve been having conversations for thousands of years. Whether to convey information, conduct transactions, or simply to check in on one another, people have yammered away, chattering and gesticulating, through spoken conversation for countless... Read

Designing for the Unexpected

I’m not sure when I first heard this quote, but it’s something that has stayed with me over the years. How do you create services for situations you can’t imagine? Or design products that work on devices yet to be invented? Flash, Photoshop, and... Read

Asynchronous Design Critique: Getting Feedback

“Any comment?” is probably one of the worst ways to ask for feedback. It’s vague and open ended, and it doesn’t provide any indication of what we’re looking for. Getting good feedback starts earlier than we might expect: it starts with the... Read

Asynchronous Design Critique: Giving Feedback

Feedback, in whichever form it takes, and whatever it may be called, is one of the most effective soft skills that we have at our disposal to collaboratively get our designs to a better place while growing our own skills and... Read

That’s Not My Burnout

Are you like me, reading about people fading away as they burn out, and feeling unable to relate? Do you feel like your feelings are invisible to the world because you’re experiencing burnout differently? When burnout starts to push down on us, our... Read

Josh Comeau's blog

The Height Enigma 24d ago

One of the most perplexing and befuddling things in CSS for me, for many years, was the behaviour of percentage-based heights. Sometimes, seemingly at random, setting “height: 100%” would have no effect at all. When I finally figured out what was... Read

The Post-Developer Era 52d ago

When OpenAI released GPT-4 back in March 2023, they kickstarted the AI revolution. The consensus online was that front-end development jobs would be totally eliminated within a year or two.Well, it’s been more than two years since then, and I... Read

A Million Little Secrets 101d ago

I spent the past few weeks packing as many easter eggs as I could into my latest project, and in this blog post, I want to dig into some of the more interesting details! If you’re interested in animations/interactions, you’ll want to check this one... Read

Container Queries Unleashed 129d ago

Container queries expand the universe of designs that can be implemented, giving us whole new superpowers. Now that container queries are broadly available, I think it’s time we start exploring this potential! In this post, I’ll share the “killer... Read

Next-level frosted glass with backdrop-filter 185d ago

Glassy headers have become a core part of the “slick startup” UI toolkit, but they’re all missing that final 10% that really makes it shine. In this tutorial, you’ll learn how to create the most realistic lush frosted glass anywhere on the internet. Read

More...

A Framework for Evaluating Browser Support 191d ago

Lots of exciting new features have been landing in CSS recently, and it can be tough trying to figure out if they’re safe to use or not. We might know that a feature is available for 92% of users, but is that sufficient? Where do we draw the line?... Read

A Friendly Introduction to Container Queries 213d ago

It’s been a couple of years since container queries started landing in browsers… so why isn’t anyone using them? It turns out that container queries are kinda tricky; they’re not as straightforward as media queries. In this tutorial, we’ll break it... Read

How I Built My Blog 254d ago

I recently launched a brand new version of this blog, and in this post, I share how it’s built! We’ll examine the tech stack and see how all of the pieces fit together, as well as dig into some of the details to see how they work. Read

The Undeniable Utility Of CSS :has 269d ago

Of all the latest and greatest CSS features, the “:has” pseudo-class wasn’t exactly at the top of my wishlist. Once I started using it, however, I kept discovering incredible things I could do with it. It’s now become a core part of my toolkit! In... Read

Promises From The Ground Up 367d ago

The “Promises” API is a surprisingly tricky part of modern JavaScript. Without the right context, it doesn’t make much sense at all! In this tutorial, you’ll build an intuition for how Promises work by getting a deeper understanding of JavaScript... Read

Snappy UI Optimization with useDeferredValue 388d ago

useDeferredValue is one of the most underrated React hooks. It allows us to dramatically improve the performance of our applications in certain contexts. I recently used it to solve a gnarly performance problem on this blog, and in this tutorial,... Read

CSS in React Server Components 416d ago

You can’t make an omelette without cracking a few eggs, and when the core React team unveiled their vision for the future of React, some of my favourite libraries got scrambled 😅. In this blog post, we’re going to explore the compatibility issues... Read

How To Center a Div 478d ago

Back in the day, centering an element was one of the trickiest things in CSS. As the language has evolved, we’ve been given lots of new tools we can use… But how do we pick the best option? When do we use Flexbox, or CSS Grid, or something else?... Read

An Interactive Guide to CSS Grid 562d ago

CSS Grid is an incredibly powerful tool for building layouts on the web, but like all powerful tools, there's a significant learning curve. In this tutorial, we'll build a mental model for how CSS Grid works and how we can use it effectively. I'll... Read

Understanding the JavaScript Modulo Operator 626d ago

One of the most commonly-misunderstood operators is Modulo (%). In this tutorial, we'll unpack exactly what this little bugger does, and learn how it can help us solve practical problems. Read

Making Sense of React Server Components 638d ago

This year, the React team unveiled something they've been quietly researching for years: an official way to run React components exclusively on the server. This is a significant paradigm shift, and it's caused a whole lot of confusion in the React... Read

Animated Pride Flags 730d ago

Happy Pride month! In this tutorial, I'll share a handful of my favourite animation tricks. You'll learn how to build an animated wavy pride flag using CSS keyframes and linear gradients. We'll also see how to make it dynamic using React. 🏳️‍🌈 Read

The “const” Deception 773d ago

The “const” keyword in JavaScript is used to create constants, variables that can't change. Curiously, though, we do seem to be able to edit objects and arrays that are created using “const”. In this tutorial, we're going to dig into the... Read

The End of Front-End Development 808d ago

Large language models like GPT-4 are becoming increasingly capable, at an alarming rate. Within a couple of years, we won't need developers any more! …Or at least, that's the narrative going viral on social media. I'm much more optimistic about... Read

Common Beginner Mistakes with React 822d ago

I used to teach React at a local coding bootcamp, and I noticed that students kept getting tripped up by the same handful of things. In this article, we're going to go through 9 of the most dastardly gotchas. I'll show you how to solve these common... Read

Data Binding in React 878d ago

As developers, we don't like working with forms, but they're a critical part of most web applications! In this tutorial, you'll learn exactly how to wire up all of the different form controls in React. Never forget how to data-bind a checkbox or... Read

Color Formats in CSS 920d ago

CSS gives us so many options when it comes to expressing color—we can use hex codes, rgb, hsl, and more. Which option should we choose? This turns out to be a surprisingly important decision! In this article, we'll take a tour of color formats in... Read

An Interactive Guide to Flexbox 926d ago

When we truly learn the secrets of the Flexbox layout mode, we can build absolutely incredible things. Fluid layouts that stretch and shrink without arbitrary breakpoints. In this action-packed interactive tutorial, we'll pop the hood on the... Read

A World-Class Code Playground with Sandpack 968d ago

No developer blog or technical documentation site is complete without an interactive code playground. The CodeSandbox team recently released a wonderful tool called Sandpack, to help us create these live-updating code editors. In this tutorial,... Read

Understanding useMemo and useCallback 1010d ago

What's the deal with these two hooks?! Lots of devs find them confusing, for a whole host of reasons. In this tutorial, we'll dig deep and understand what they do, why they're useful, and how to get the most out of them. Read

Why React Re-Renders 1024d ago

In React, we don't update the DOM directly, we tell React what we want the DOM to look like, and React tackles the rest. But how exactly does it do this? In this tutorial, we'll unpack exactly when and why React re-renders, and how we can use this... Read

Statements Vs. Expressions 1060d ago

One of the most foundational things to understand about JavaScript is that programs are made up of statements, and statements have slots for expressions. In this blog post, we'll dig into how these two structures work, and see how building an... Read

My Wonderful HTML Email Workflow 1074d ago

If you've ever had the misfortune of being tasked with building a template for HTML emails, you know it's tricky business! In this blog post, I share the approach I took to build responsive, client-friendly emails without a single tag. Read

The Surprising Truth About Pixels and Accessibility 1115d ago

“Should I use pixels or rems?”. In this comprehensive blog post, we'll answer this question once and for all. You'll learn about the accessibility implications, and how to determine the best unit to use in any scenario. Read

You Don’t Need a UI Framework 1129d ago

As developers, it can be tempting to grab a pre-styled UI framework like Material UI or Bootstrap. Seems like a great way to outsource design and save a bunch of time, right? In my experience, this is an unrealistic expectation, and things don’t... Read

The Front-End Developer's Guide to the Terminal 1143d ago

If you want to learn a modern JavaScript framework like React or Angular, you better be familiar with the terminal! So many frameworks and tools assume that you're proficient with it, without ever explaining it. This blog post is your missing... Read

Understanding Layout Algorithms 1165d ago

As front-end developers, we often learn CSS by focusing on individual properties. Instead, we should focus on how the language uses those properties to calculate layouts. In this blog post, we'll pop the hood on CSS and see how the language is... Read

Delightful React File/Directory Structure 1178d ago

How should we structure components and other files in our React apps? I've iterated my way to a solution I'm really happy with. In this blog post, I'll share how it works, what the tradeoffs are, and how I mitigate them. Read

Make Beautiful Gradients 1241d ago

Have you ever noticed that gradients tend to look a little gray and washed-out in the middle? This happens because of a mathematical quirk with RGB colors. Fortunately, we can work around this quirk, and create beautiful, lush, saturated gradients. Read

A Modern CSS Reset 1290d ago

I have a set of baseline CSS styles that come with me from project to project. In the past, I'd use a typical CSS reset, but times have changed, and I believe I have a better set of global styles! Read

Introducing “Shadow Palette Generator” 1297d ago

In order to create lush, realistic shadows in CSS, we need to use multiple layers and colors. How do we come up with all of the parameters, though? I've built a tool that'll help. Read

Designing Beautiful Shadows in CSS 1361d ago

When I look around the web, most of the shadows I see are fuzzy grey boxes. It doesn't have to be this way, though! CSS gives us the tools to create rich, lush, lifelike shadows. In this tutorial, I'll show you how. Read

An Interactive Guide to Keyframe Animations 1374d ago

CSS keyframe animations are incredibly flexible and powerful, but they’re also a bit weird. In this deep-dive tutorial, we'll learn how CSS keyframes work from the ground up, and see how to use them to build high-quality animations. Read

The World of CSS Transforms 1396d ago

The “transform” property is such a powerful part of the CSS language! In this blog post, we'll take a deep look at this property and see some of the nifty things it can do. Read

How To Learn Stuff Quickly 1417d ago

As software developers, we're always learning new things; it's practically the whole gig! If we can learn to quickly pick up new languages/frameworks/tools, we'll become so much more effective at our job. It's sort of a superpower. Read

Demystifying styled-components 1445d ago

For so many React devs, styled-components seems kinda magical. It isn't at all clear how it uses traditional CSS features under-the-hood, and that lack of clarity can cause real problems when things go awry. In this post, we'll learn exactly how... Read

How I Built My Blog 1507d ago

An in-depth look at the technical stack behind this very blog! We'll see how I use Next's API routes to implement my hit and like counters, how I use MDX to add interaction and customization, and how I organize my codebase, among others. Read

Building a Magical 3D Button 1528d ago

Every action we take on the web starts with a button click, and yet most buttons are ho-hum and uninspired. In this tutorial, we'll build an animated 3D button with HTML and CSS that sparks joy. Read

The Importance of Learning CSS 1555d ago

I know so many super-talented developers who share the same achilles heel: CSS. Instead of trying to “outrun” CSS, this article explores why leaning in and going deeper can be a tremendous boon for your development life and your career. Read

What The Heck, z-index?? 1564d ago

The z-index property can be a tricky little bugger. Sometimes, no matter how much you crank up the number, the element never rises to the top! In this article, we explore stacking contexts, and see how they can thwart our efforts to use z-index.... Read

An Interactive Guide to CSS Transitions 1577d ago

This comprehensive guide shows how to use CSS transitions! A back-to-basics look at the fundamental building blocks we need to create microinteractions and other animations. Read

The styled-components Happy Path 1592d ago

styled-components is a wonderfully powerful styling library for React, and over the years I've learned a lot about how to use it effectively. This article shares my personal “best practices”. Read

Let's Bring Spacer GIFs Back! 1606d ago

The 90s web gave us many delightful things: web rings, guestbooks, “under construction” animations, and spacer GIFs. In this article, we'll see how I use a Spacer component to solve common layout problems, and why it's often a great tool for the... Read

Refreshing Server-Side Props 1634d ago

Next allows you to do server-side data-fetching, but what happens when that data needs to change on the client? This brief tutorial shows how to re-fetch the props without doing a full server reload. Read

The Rules of Margin Collapse 1641d ago

“Margin collapse” has a dastardly reputation, one of the trickier parts of CSS. Fortunately, it gets a lot easier once you learn a few rules! In this tutorial, we take a deep dive into the governing principles, and learn how to use them to our... Read

Boop! 1655d ago

An in-depth tutorial that teaches how to create one of the most adorable interactions I've ever created. We'll learn how to use React components and hooks to abstract behaviours, and see how to design the perfect API. Even if you're not into... Read

Chasing the Pixel-Perfect Dream 1676d ago

Is it possible to create an implementation of a design that matches to-the-pixel? Well, not really, but that shouldn't discourage us! In this article, I'll show how I became designers' best friend by leveraging a series of tricks to get my... Read

Hands-Free Coding 1688d ago

Earlier this year, I lost the ability to use a keyboard and mouse for extended periods. Fortunately, this wasn't as catastrophic as it sounds! This article chronicles my experience using adaptive tools like dictation and eye-tracking as my primary... Read

Full-Bleed Layout Using CSS Grid 1704d ago

Certain layouts are surprisingly dastardly. On the modern web, one of the most common layouts is also one of the trickiest. In this tutorial, I break down how to build the "full-bleed" layout using CSS Grid. Read

A Friendly Introduction to Spring Physics 1718d ago

Of all the little tips and techniques I've picked up over the years about animation, spring physics remains one of the most powerful and flexible. In this tutorial, we'll learn how to harness their power to build fluid, organic transitions. Read

Local Testing on an iPhone 1836d ago

Learn how to set up an ideal workflow for debugging your development server on your iPhone. This may not be the most exciting topic I've written about, but it's probably one of the most useful! Read

Animated Sparkles in React 1843d ago

In this dazzling tutorial, we'll see how to build an animated component. Wrap it around text or images and watch them twinkle! This neat trick is a perfect way to emphasize positive or exciting things. Read

Lessons Learned Speaking at Conferences 1856d ago

Speaking at conferences is equal parts exciting and terrifying. This article is a behind-the-scenes look at what the experience is like, and shares tips for getting started as a conference speaker. Read

Accessible Animations in React 1859d ago

I really love animation, but not everybody does. In fact, it can make some people literally sick! In this tutorial, we'll see how to ensure that we respect user preferences, and create animations that can be disabled. Read

Why My Blog is Closed-Source 1862d ago

In our community, it's so common for developer projects to be open-source. I'm breaking with this trend for my blog, but I have good reasons! In this article, I'll share my reasoning, as well as a workaround in case you _really_ want to see the... Read

The Quest for the Perfect Dark Mode 1871d ago

Dark Mode has become common enough that it's a user expectation. And yet, creating the perfect dark mode with a statically-built site/app is deceptively tricky. In this in-depth tutorial, we'll see how to build the perfect, flicker-free,... Read

CSS Variables for React Devs 1879d ago

CSS variables are *really* cool, and they're incredibly powerful when it comes to React! This tutorial shows how we can use them with React to create dynamic themes. We'll see how to get the most out of CSS-in-JS tools like styled-components, and... Read

Styling Ordered Lists with CSS Counters 1885d ago

Styling an ordered list can be surprisingly tricky; there's no way to get at that bullet! In this tutorial, we'll see a handy trick using CSS counters that lets us style ordered lists without breaking proper semantics. Read

Announcing “use-sound”, a React Hook for Sound Effects 1893d ago

By and large, using the web is a visual experience. This is in terrible contrast to mobile apps, which interact with three of our human senses (sight, sound, and touch, through haptic feedback). I just released a library to make it easy to add... Read

Becoming a Software Developer Without a CS Degree 1907d ago

A look at how hundreds of developers got their start in the industry despite not having a Computer Science or Software Engineering degree. We'll sort responses into 6 categories, and detail strategies that you can use to ensure you capture the... Read

The Perils of Hydration 1921d ago

A surprisingly-common misconception can lead to big rendering issues that are difficult to debug. This deep-dive tutorial examines how React and Gatsby can be used to pre-render content, and how we can work around the constraints to build dynamic,... Read

Persisting React State in localStorage 1928d ago

A common thing in React development is that we want to store a bit of React state in localStorage, and re-initialize from that value on the next page-load. This quick tutorial shows you how we can build a custom hook that does exactly this! Read

Effective Collaboration with Product and Design 1962d ago

How we work with design can have a tremendous impact on our overall output, and yet we don't always treat it as very important. A look at how collaborating with design can supercharge our own productivity. Read

Magical Rainbow Gradients 1970d ago

If you've ever tried to animate a gradient, you've been met with a harsh reality—it isn't possible. At least, it wasn't! In this tutorial, we'll leverage bleeding-edge browser features to animate ANY CSS property, including background gradients,... Read

Finding your first remote job 1995d ago

As remote work becomes increasingly popular, I am frequently asked how to get started. This article shares everything I know about landing that first remote gig. Read

My experience as a remote worker 2012d ago

I've spent half of my career working remotely. This post chronicles those experiences, giving a real-world window into what it's like to work fully-remote as a software engineer. Read

Clever Code Considered Harmful 2031d ago

As engineers, it can be really satisfying for us to implement clever, terse solutions to problems, relying on advanced tricks and techniques. As a result, we often write code that is hostile and inaccessible to the junior folks on our team. This... Read

Folding the DOM 2209d ago

In this post, we'll explore a technique we can use to "fold" a DOM node, like folding a letter in real-life. On that journey, we'll learn a lot about 3D transforms and CSS animation techniques! Read

Dynamic Bézier Curves 2570d ago

A deep dive into Bézier curves in React. We'll look at how to build dynamic effects such as scroll-to-flatten using SVG path instructions, and how to architect our components for maximum readability and reusability. Read

Animating the Unanimatable 3398d ago

An in-depth look at the surprisingly complicated problem of animating the transition when two items in a list swap positions. Read