Hacker News: Front Page
Qwen-Image-3.0: Rich Content, Authentic Details, Deep Knowledge 123 63 2h ago
Article URL: https://qwen.ai/blog?id=qwen-image-3.0 Comments URL: https://news.ycombinator.com/item?id=48989701 Points: 123 # Comments: 63
Read
Incremental – A library for incremental computations 224 39 7h ago
Article URL: https://github.com/janestreet/incremental Comments URL: https://news.ycombinator.com/item?id=48987822 Points: 224 # Comments: 39
Read
Jellyfin founder Andrew leaves team 256 202 12h ago
Article URL: https://forum.jellyfin.org/t-project-leadership-changes Comments URL: https://news.ycombinator.com/item?id=48986091 Points: 256 # Comments: 202
Read
I wrote an bash enumerator because I was sick of xargs 141 114 15h ago
Article URL: https://numerlab.org/2025/07/20/bashumerate-enumerator/ Comments URL: https://news.ycombinator.com/item?id=48984270 Points: 141 # Comments: 114
Read
Show HN: Immersive Gaussian Splat tour of grace cathedral, San Francisco 174 43 15h ago
Article URL: https://vincentwoo.com/3d/grace_cathedral/ Comments URL: https://news.ycombinator.com/item?id=48984254 Points: 174 # Comments: 43
Read
More...
The Power of Awareness: Overcoming Surveillance Capitalism 116 20 15h ago
Article URL: https://www.scottrlarson.com/presentations/overcoming-surveillance-capitalism-with-awareness/ Comments URL: https://news.ycombinator.com/item?id=48984231 Points: 116 # Comments: 20
Read
Human mathematicians are being outcounterexampled 358 150 16h ago
Article URL: https://xenaproject.wordpress.com/2026/07/20/human-mathematicians-are-being-outcounterexampled/ Comments URL: https://news.ycombinator.com/item?id=48983382 Points: 358 # Comments: 150
Read
Nativ: Run frontier open models locally on your Mac 287 94 17h ago
Article URL: https://blaizzy.github.io/nativ/ Comments URL: https://news.ycombinator.com/item?id=48982681 Points: 287 # Comments: 94
Read
Agent swarms and the new model economics 205 91 17h ago
Article URL: https://cursor.com/blog/agent-swarm-model-economics Comments URL: https://news.ycombinator.com/item?id=48982535 Points: 205 # Comments: 91
Read
Jelly UI: Soft-body physics for native HTML form controls 513 157 18h ago
Article URL: https://jelly-ui.com/ Comments URL: https://news.ycombinator.com/item?id=48981620 Points: 513 # Comments: 157
Read
I Stopped “Creating Content” 186 149 19h ago
Article URL: https://refactoringenglish.com/blog/why-i-stopped-creating-content/ Comments URL: https://news.ycombinator.com/item?id=48980520 Points: 186 # Comments: 149
Read
China’s open-weights AI strategy is winning 1119 844 21h ago
Article URL: https://werd.io/american-ai-is-locked-down-and-proprietary-its-losing/ Comments URL: https://news.ycombinator.com/item?id=48979269 Points: 1119 # Comments: 844
Read
Perfection is not over-engineering 243 104 21h ago
Article URL: https://var0.xyz/posts/perfection-is-not-over-engineering.html Comments URL: https://news.ycombinator.com/item?id=48979120 Points: 243 # Comments: 104
Read
Shinjuku Station in 3D 230 52 21h ago
Article URL: https://satoshi7190.github.io/Shinjuku-indoor-threejs-demo/ Comments URL: https://news.ycombinator.com/item?id=48978792 Points: 230 # Comments: 52
Read
Hacker wipes Romania's land registry database 651 365 22h ago
Article URL: https://news.risky.biz/risky-bulletin-hacker-wipes-romanias-entire-land-registry-database/ Comments URL: https://news.ycombinator.com/item?id=48978605 Points: 651 # Comments: 365
Read
Who's afraid of Chinese models? 681 483 1d ago
Article URL: https://stratechery.com/2026/whos-afraid-of-chinese-models/ Comments URL: https://news.ycombinator.com/item?id=48977128 Points: 681 # Comments: 483
Read
The Psychology of Software Teams 100 30 6d ago
Article URL: https://www.routledge.com/The-Psychology-of-Software-Teams/Hicks/p/book/9781032963389 Comments URL: https://news.ycombinator.com/item?id=48923130 Points: 100 # Comments: 30
Read
You only need the frontier model for one single edit 157 49 6d ago
Article URL: https://stencil.so/blog/prewalk Comments URL: https://news.ycombinator.com/item?id=48916512 Points: 157 # Comments: 49
Read
Can't fetch https-reddit.comrExperiencedDevs.rss
The Pragmatic Engineer
The Pulse: What can we learn from Bun’s rapid Rust rewrite with AI? 5d ago
To a sceptic, spending $165K to migrate Bun from Zig to Rust sounds very expensive. But to a realist, shortening a 1-2 year migration down to 11 days opens amazing new opportunities for devs. However, a thoroughly-tested project is required to pull...
Read
The Pulse: Interesting AI coding stats from Cursor 12d ago
Power users generate 10x as many lines of code vs the median, most of the AI spend is coming from input tokens not output ones, and almost half of AI changes are accepted without manual review by devs (!!)
Read
The Pulse: a new trend, smart model routing 19d ago
Are there any ‘intelligent’ router solutions out there which select the right model for the right task? I looked into it, and there are a few options.
Read
Pollen tried to remove my article about CEO Callum Negus-Fancey and CTO Bradley Wright, and Google is assisting with it 23d ago
In 2022, I wrote about the damning fall of events tech company Pollen. The short of it:Pollen seemed to have pulled off the improbable feat of building a business in the notoriously low margin industry of events, surviving Covid-19, and building a...
Read
Reliability fail: No automated zone failover for Coinbase’s global trading service 28d ago
Hi, this is Gergely with a bonus, free issue of the Pragmatic Engineer Newsletter. In every issue, I cover Big Tech and startups through the lens of senior engineers and engineering leaders. Today, we cover one out of four topics from this past The...
Read
More...
The Pulse: a trend of trying to cut back on AI spend within eng departments? 40d ago
Hi, this is Gergely with a bonus, free issue of the Pragmatic Engineer Newsletter. In every issue, I cover Big Tech and startups through the lens of senior engineers and engineering leaders. Today, we cover one out of four topics from The Pulse...
Read
The Pulse: Antigravity 2.0 takes ‘IDE’ out of its new IDE 40d ago
Feedback about the redesigned IDE is overwhelmingly negative due to bugs, poor UX & model support, and eating through Gemini token quotas. Also: a clue that Antigravity’s own devs use other tools for their work?
Read
The Pulse: Forward deployed engineering heats up again 58d ago
Massive demand for the role at Google, OpenAI, and Anthropic. The latest version of the FDE role looks like the consultant / solution architect role done by many early-junior engineers.
Read
Google Cloud deletes Australian trading fund’s infra 62d ago
A $124B fund in Australia would have lost all data stored with Google Cloud, had they not relied on a third-party backup. A rare blunder from GCP, where regional replication did not stop the deletion – and a just as rare statement from Google...
Read
The Pulse: Did capacity shortages turn Anthropic hostile to devs? 68d ago
For the past few weeks, Anthropic has continually upset devs with its “dumber” model, and by removing Claude Code access from some paid accounts. After securing lots of compute from SpaceX, could the reason have been to conceal capacity issues?
Read
TechPays has been acquired by Levels.fyi 70d ago
tl;dr: TechPays is joining Levels.fyi: so the leading tech salary site in Europe gets the love and care it deserves. Thanks to Zsombor for building this project with me for so many years.Pay transparency has always been an issue in tech, especially...
Read
The Pulse: AI load breaks GitHub – why not other vendors? 75d ago
GitHub’s leadership blames the 3.5x increase in service load as the cause of degradation – or it might be self-inflicted.
Read
The Pulse: token spend breaks budgets – what next? 82d ago
In the past 2-3 months, spending on AI agents has exploded at many tech companies, Details from 15 of them, including the different ways they are coping with this realization.
Read
The Pulse: ‘Tokenmaxxing’ as a weird new trend 89d ago
At Meta, Microsoft, Salesforce and other large companies, devs are purposefully burning tokens (and money!) to inflate their AI usage and hit AI usage metrics which they treat as targets.
Read
The Pulse: is GitHub still best for AI-native development? 109d ago
Availability has dropped to one nine (~90% – !!), partly due to not being able to handle increased traffic from AI coding agents. There’s also no CEO and an apparent lack of direction.
Read
Latent.Space
[AINews] not much happened today 7h ago
a quiet day.
Read
[AINews] not much happened today 3d ago
a quiet day
Read
[AINews] Kimi K3 2.8T-A50B: the largest open model ever released; Opus 4.8-class at Sonnet 5 pricing 4d ago
a great week for open models continues.
Read
🔬 The Lab of the Future Should Feel Like a Data Center — Andy Beam & Rafa Gómez-Bombarelli, Lila Sciences 5d ago
Lila is betting that science, not the internet, is the last untapped source of training data. We went to find out what that actually looks like in a room full of robots.
Read
[AINews] Thinky's Inkling: 975B-A41B multimodal, new best American Apache 2.0 open model (with Inkling-Small, 276B-A12B) 5d ago
Thinky's first full LLM release is a banger and bonus: it's open weights!
Read
More...
[AINews] not much happened today 6d ago
a continuation: Codex adding 1M users a day now.
Read
5 Trends That Defined AI Engineering at World’s Fair 2026 6d ago
At this year's AIE World’s Fair, AI engineering entered a new phase: building systems around agents, rather than just building with agents.
Read
[AINews] Codex usage up >10x in 6 months to 7M users, +1M in the past ~day; did Codex overtake Claude Code?? 7d ago
a quiet day lets us fact check some numbers against the sound of silence of Claude Code reporting...
Read
[AINews] not much happened today 10d ago
a quiet day after a week of nonstop model releases
Read
[AINews] OpenAI launches GPT 5.6 Sol/Terra/Luna, Codex becomes ChatGPT superapp 11d ago
A big day for OpenAI.
Read
[AINews] SpaceXAI launches Grok 4.5, first Opus-class model post Cursor acquisition 12d ago
SpaceXAI continues to move faster than any other frontier lab on earth.
Read
Why AI Infrastructure must evolve for Agent Experience — Akshat Bubna, Modal CTO 13d ago
2 years after our first coverage, we return with Modal's other cofounder to explore why Agent Experience is working now, and everything they have learned building the new agent cloud.
Read
[AINews] Lilian Weng summarizes 35 papers on Harness Engineering for RSI 13d ago
a quiet day lets us read some condensed insight
Read
[AINews] The Field Guide to Fable 14d ago
a quiet day lets us digest the world's most significant model launch... to date.
Read
AIEWF Daily Dispatch: The great loops debate and the state of AI engineering 18d ago
The AI Engineer World’s Fair ended with a debate about loops, a report on the state of AI engineering, and closing keynotes focused on what to build next.
Read
Vercel's Andrew Qu on why agents are a new kind of software 18d ago
The Vercel Chief of Software explains how its agent framework, eve, was created — and why skills, sandboxes and agent-readable websites now matter.
Read
The website of the future may assemble itself for every visitor 19d ago
Adobe is experimenting with “agentic sites” that generate pages around an individual user’s intent. At AIEWF, we talked to Carlos Sanchez about the Web's future.
Read
Skill engineering and the case against one-shot AI design 19d ago
Paul Bakaus talks to us about Impeccable, human judgment in a 'loopmaxxing' era, and why agents still need people to steer them.
Read
[AINews] not much happened today 19d ago
another quiet day.
Read
AIEWF Daily Dispatch: Autoresearch and the tension between AI and human agency 19d ago
The software factory vision met resistance today from speakers defending human understanding and control.
Read
Elevate
Own the Outer Loop 12d ago
Why loop engineering needs a human at the boundary
Read
Agentic Autonomy Levels 18d ago
A working model of autonomy for agentic engineering
Read
Agentic Code Review 35d ago
Why review is the most leveraged skill in software right now.
Read
Loop Engineering 43d ago
Loop engineering is replacing yourself as the person who prompts the agent.
Read
Long-running Agents 82d ago
A long-running AI agent can keep making progress over hours, days, or weeks.
Read
More...
The Agent Stack Bet 94d ago
The bet every serious developer needs to make on on their agent stack
Read
Is the IDE dead? 123d ago
How Agent orchestration is replacing the editor as the center of developer work
Read
14 More lessons from 14 years at Google 159d ago
This time about teams, trust, and the systems around the code.
Read
The 80% Problem in Agentic Coding 174d ago
Managing comprehension debt when leaning on AI to code
Read
How to write a good spec for AI agents 183d ago
How to structure, plan, and iterate for high-performance coding agents
Read
Code Review in the Age of AI 197d ago
AI writes faster. Humans still have to prove it works.
Read
How Good Is AI at Coding React (Really)? 204d ago
A data-driven look at what AI can and can’t do for React developers - and what you can do about it
Read
My LLM coding workflow going into 2026 215d ago
Best practices for staying in control while coding with AI
Read
21 Lessons from 14 Years at Google 229d ago
On code, careers, and the human side of engineering
Read
Treat AI-Generated code as a draft 238d ago
Keep human eyes, judgment, and ownership at the center of AI written code
Read
Critical Thinking during the age of AI 242d ago
Who, what, where, when, why, how
Read
Conductors to Orchestrators: The Future of Agentic Coding 262d ago
From micro-manager to macro-manager: coding's asynchronous future
Read
Gemini CLI Tips & Tricks 273d ago
~30 pro-tips for effectively using Gemini CLI for agentic coding
Read
How modern browsers work 311d ago
A web developers guide to browser internals
Read
Vibe coding is not the same as AI-Assisted engineering. 325d ago
Can you really 'vibe' your way to production-ready software?
Read
Can't fetch https-www.vibecodingweekly.devrss
The Spacebar
My weekend at a 28,000-person virtual reality convention 35d ago
I had fun at Furality Ultra. My gaming PC and router did not.
Read
I finally tried Ghostty, and it's pretty good 85d ago
Even if you don't live in the terminal, Ghostty is probably a worthwhile upgrade on Mac and Linux.
Read
How to use the Galaxy XR with PC VR and VRChat 93d ago
Everything you need to use the Galaxy XR for PC VR gaming.
Read
The Galaxy XR is not the future of computing, but I like it anyway 133d ago
The first outing of Android XR is far from perfect, but there's at least one reason to buy it.
Read
This is every Ubuntu Linux default wallpaper 134d ago
The default wallpapers from over 20 years of Ubuntu Linux, from Warty Warthog to Resolute Raccoon, in full original quality.
Read
More...
I used an original iPod Nano in 2026, and it worked surprisingly well 168d ago
Nearly 20 years after its introduction, the iPod Nano is still a perfectly functional music player.
Read
That time Apple sent everyone a U2 album: 'I DONT WANT YOU.' 196d ago
The release of U2's album Songs of Innocence spawned jokes, backlash, and arguably, a worse music industry.
Read
Is Android really the next big desktop operating system? 246d ago
Google says Android-powered laptops are coming in 2026. Will they actually matter, though?
Read
I made a website with Apple iWeb in 2025 278d ago
Apple's late-2000s WYSIWYG website creator still works, as long as you have an old Mac.
Read
Excel's AI: 20% of the time, it works every time 292d ago
A Microsoft blog post about "vibe working" broke me.
Read
I hacked Microsoft Edge to make my ideal Chromium web browser 316d ago
You can use custom IT policies to turn Microsoft Edge into a decent Chrome alternative.
Read
We hate AI because it's everything we hate 339d ago
Tech companies wanted "AI" to represent a bright future. Now it represents every annoyance in our daily lives.
Read
I tried Servo, the undercover web browser engine made with Rust 356d ago
Servo was supposed to be Firefox's future. Now it's an independent effort to make a fast and secure web browser engine.
Read
Apple's history is hiding in a Mac font 387d ago
FireWire, the Newton PDA, and other technologies from Apple's past are still hiding in macOS.
Read
How to download audio-only media files with yt-dlp 401d ago
You can download videos and audio as MP3, M4A, OGG, or other audio formats with the yt-dlp command line tool.
Read
Keyboard Builders' Digest
Boardloaf-HE 1d ago
Hanthebot's Boardloaf-HE is a 36-key split keyboard with reversible PCB supporting magnetic switches.
Read
Royal Kludge RK R99 review 6d ago
The Royal Kludge RK R99 is a nice mechanical keyboard in the 1800 form factor. Wireless, hotswap, with huge RGB firepower.
Read
Behind the scenes #214 8d ago
Behind the scenes with June’s best-seller switches, MoeeTech Glitter65 L01 review, open-source and commercial projects, keyboard art, meetups, new shops and discounts, etc.
Read
More...
MoeeTech Glitter65 L01 review 11d ago
The Glitter65 L01 is the latest addition to Moeetech's 65% keyboard lineup: a mechanical kit with nice dual-tone aluminum case options.
Read
Best-selling keyboard switches of June 2026 14d ago
Here are June’s top mechanical switches, the community’s favorites based on vendor sales data.
Read
Aphelo30 v2 14d ago
An update of MajinEvelyn's thumbkeyless split keyboard: Aphelo30 v2 – low-pro, wireless.
Read
Ayush's keyboard 14d ago
Ayush Kumar created this open-source 75%-ish board, driven by a Pi Pico.
Read
KLORBALL35 17d ago
Dan Bowles released the Klorball35, a low-pro split with trackball and splay.
Read
Behind the scenes #213 20d ago
Behind the scenes with the XVX L75 Air and MoeeTech artisan reviews, open-source and commercial projects, keyboard art, meetups, new shops and discounts, etc.
Read
Dual Blades 21d ago
Ognjen Bjeletic's open-source Dual Blades feature Matias Alps switches – but also support MX ones.
Read
XVX L75 Air review 26d ago
A nice low-profile keyboard: I reviewed the XVX L75 Air – 75% wireless, featuring a sleek aluminum case and introducing new low-pro IMD keycaps.
Read
Ilwol & Phalwol 30d ago
Two row-staggered split keyboards by Yuburoll: Ilwol and Phalwol – with reversible PCBs.
Read
Tofu Dactyl 34d ago
Yanos626 shared the STL files of his handwired Tofu Dactyl, designed via the Cosmos generator.
Read
LP44 Split 36d ago
A wireless low-pro split with a nice CNC alu case: LP44 Split by juncho26.
Read
MoeeTech custom metal artisans 39d ago
I tested MoeeTech's new custom metal artisan keycap service: beginner-friendly design process, great quality, surprisingly competitive prices.
Read
Behind the scenes #212 42d ago
Behind the scenes with the May switch top list, Iqunix EV63 GitS and Epomaker Glyph reviews, open-source and commercial projects, keyboard art, meetups, new shops and discounts, etc.
Read
CSS-Tricks
writing-mode 2h ago
The writing-mode CSS property sets whether lines of text are laid out horizontally or vertically, and the direction in which blocks and lines progress. .element { writing-mode: vertical-rl; } This is most useful in languages such as Chinese,...
Read
pointer-events 6d ago
The pointer-events property controls whether an element can become the target of pointer events like clicks, hover states, and other pointer-based events. In other words, it lets you decide whether the browser should treat an element as interactive...
Read
What’s !important #15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More 6d ago
Read all about boundary-aware CSS, accessible grid lanes, time-based web designs, full-bleed, the customizable select, and new web platform features. What’s !important #15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More originally...
Read
Get Ready For the Powerful CSS border-shape Property! 14d ago
We recently got the shape() function and corner-shape property. What else could we possibly need as far as making shapes in CSS? Let me tell you: the border-shape property! Get Ready For the Powerful CSS border-shape Property! originally...
Read
What’s !important #14: Gap Decorations, random(), <select> field-sizing, and More 21d ago
I know you’re busy, so for What’s !important #14, I’ll be sprinting through what’s been a stacked couple of weeks despite few browser updates. From CSS Quake to CSS Gap Decorations, this isn’t one to miss! What’s !important #14: Gap Decorations,...
Read
More...
The Shifting Line Between CSS States and JavaScript Events 22d ago
CSS has always had pseudo-classes that style things based on user interactions. Recent features, however, are blurring the line between what CSS "listens" for and how they are alternatives to what Javascript typically listens for. The Shifting...
Read
translateZ() 26d ago
The translateZ() function moves an element closer to or farther from the user. translateZ() originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.
Read
translateY() 26d ago
The translateY() function shifts an element vertically by the specified amount. translateY() originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.
Read
translateX() 26d ago
The translateX() function shifts an element horizontally by the specified amount. translateX() originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.
Read
translate() 26d ago
The CSS translate() function shifts an element from its default position on a 2-dimensional plane translate() originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.
Read
Using Scroll-Driven Animations for Opposing Scroll Directions 29d ago
Sometimes designers have silly ideas that eventually grow on you. That happened to me with this concept where I had to build columns of items moving in opposite directions when a user scrolls the page. CodePen Embed Fallback Note: This … Using...
Read
A First Look at Scroll-Triggered Animations 32d ago
Let's poke at the differences between scroll-driven and scroll-triggered animations. A First Look at Scroll-Triggered Animations originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.
Read
The Siren Song of ariaNotify() 34d ago
There's a brand new ariaNotify() method — defined by the WAI-ARIA 1.3 Specification — that provides a means of programmatically triggering narration in a screen reader. The Siren Song of ariaNotify() originally handwritten and published with love...
Read
Prop For That 35d ago
Props for That creates live props based things CSS can't normally see in the browser. Things like cursor position, progress values, certain form states, current time, scroll velocity. Prop For That originally handwritten and published with love on...
Read
What’s !important #13: @function, alpha(), CSS Wordle, and More 36d ago
CSS functions, the alpha() function, Grid Lanes, some things about Dialog that you might not know, CSS Wordle, and more — this is What’s !important right now. What’s !important #13: @function, alpha(), CSS Wordle, and More originally handwritten...
Read
Josh Comeau's blog
Getting Started with Anchor Positioning 15d ago
For decades, one of the most notoriously-challenging problems on the web has been sticking one element to another element, for things like tooltips and nested menus. The CSSWG has decided to provide a first-class solution to this problem, and it’s...
Read
CSS vs. JavaScript 56d ago
There are a bunch of JavaScript animation libraries out there, and you might have wondered whether there’s a performance cost compared to traditional CSS transitions and keyframe animations. In this blog post, we’ll compare the same animation...
Read
Scroll-Driven Animations 84d ago
The new Animation Timeline API allows us to create dynamic scroll animations without any JavaScript! It’s honestly a very lovely API, and in this blog post, we’ll explore some of the super cool things we can do with it.
Read
Squash and Stretch 99d ago
Have you ever heard of Disney’s 12 Basic Principles of Animation? In this tutorial, we’ll explore how we can use the very first principle to create SVG micro-interactions that feel way more natural and believable. It’s one of those small things...
Read
Sneaky Header Blocker Trick 120d ago
There is a lil’ UI detail on this blog. Most people don’t even notice it, but the ones who do often reach out, asking how on earth it works. It feels like it defies the rules of CSS! In this blog post, I’ll break down the...
Read
More...
Sprites on the Web 148d ago
In game development, it’s common to use spritesheets for animation, but this technique isn’t as widely used on the web these days. Which is a shame, because we can do some pretty cool stuff with sprites! In this post, we’ll share the niche CSS...
Read
Brand New Layouts with CSS Subgrid 238d ago
Subgrid allows us to extend a grid template down through the DOM tree, so that deeply-nested elements can participate in the same grid layout. At first glance, I thought this would be a helpful convenience, but it turns out that it’s so much more....
Read
Springs and Bounces in Native CSS 266d ago
The “linear()” timing function is a game-changer; it allows us to model physics-based motion right in vanilla CSS! That said, there are some limitations and quirks to be aware of. I’ve been experimenting with this API for a while now, and in this...
Read
The Big Gotcha With @starting-style 302d ago
CSS has been on fire lately, with tons of great new features. @starting-style is an interesting one; it allows us to use CSS transitions for enter animations, something previously reserved for CSS keyframe animations. But is the juice worth the...
Read
Color Shifting in CSS 316d ago
A little while ago, I was trying to animate an element’s background color, so that it cycled through the rainbow. Seems easy, but it turns out, browsers have a surprisingly big limitation when it comes to color processing! In this tutorial, we’ll...
Read
An Interactive Guide to SVG Paths 337d ago
SVG gives us many different primitives to work with, but by far the most powerful is the element. Unfortunately, it’s also the most inscrutable, with its compact Regex-style syntax. In this tutorial, we’ll demystify this infamous element and see...
Read
A Friendly Introduction to SVG 365d ago
SVGs are one of the most remarkable technologies we have access to on the web. They’re first-class citizens, fully addressable with CSS and JavaScript. In this tutorial, I’ll cover all of the most important fundamentals, and show you some of the...
Read
Partial Keyframes 406d ago
CSS Keyframe animations are so much more powerful than most developers realize. In this tutorial, I’ll show you something that completely blew my mind, a technique that makes our keyframe animations so much more reusable and dynamic! 🤯
Read
The Height Enigma 435d 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 463d 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 512d 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 540d 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 596d 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
A Framework for Evaluating Browser Support 602d 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 624d 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 665d 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 680d 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 778d 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 799d 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 827d 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 889d 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 973d 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 1037d 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 1049d 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 1141d 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 1184d 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 1219d 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 1233d 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 1289d 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 1331d 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 1337d 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 1379d 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 1421d 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 1435d 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 1471d 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 1485d 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 1526d 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 1540d 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 1554d 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 1576d 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 1589d 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 1652d 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 1701d 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” 1708d 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 1772d 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 1785d 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 1807d 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 1828d 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 1856d 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 1918d 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 1939d 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 1966d 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?? 1975d 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 1988d 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 2003d 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! 2017d 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 2045d 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 2052d 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
Chasing the Pixel-Perfect Dream 2087d 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 2099d 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 2115d 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 2129d 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 2247d 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 2254d 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 2267d 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 2269d 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 2273d 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 2281d 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 2290d 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 2296d 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 2304d 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 2318d 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 2332d 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 2339d 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 2373d 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 2381d 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 2406d 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 2423d 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 2442d 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 2620d 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 2981d 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 3809d ago
An in-depth look at the surprisingly complicated problem of animating the transition when two items in a list swap positions.
Read
Architecture Weekly
Throw, Result, or neither? 17h ago
There is one question I keep getting about my event-sourced code: why don’t I use Result?
Read
On swimming, learning and my journey to being the last one 8d ago
Work impacts how we live, and our lives impact how we do our work.
Read
Addition by subtraction in software design 15d ago
On how addition can lower the value of your software and subtraction increase it
Read
Announcing Strictland - new contract testing library for message compatibility 36d ago
I just released something.
Read
You can fork a package, but can you own it? 43d ago
On managing software dependencies in a sane way
Read
More...
How soon is now in PostgreSQL? 57d ago
On troubleshooting nasty bug in PostgreSQL and on good tests vs proper tests
Read
On mashing up modelling techniques for fun and profit 64d ago
Many people believe there should be one, and only one, way to model software.
Read
Don't overestimate domain expertise 71d ago
On why domain experts can be wrong but LLMs can't replace them. And why we shouldn't drop collaboration
Read
Borys had the best dribbling 78d ago
A nostalgic essay on (not) setting and (not) achieving personal goals
Read
Vibing, Harness and OODA loop 85d ago
On why Vibing and Harness are not new and why feedback loops are important
Read
Yoda Principle for better integrations 92d ago
On why doing is better than trying for api and workflows design
Read
Anti-patterns in event modelling - Passive-Aggressive Events 99d ago
On why event-driven communication should not be only about events.
Read
The one where Oskar explains Example Mapping 113d ago
Learn one of the simplest and actionable modelling technique
Read
Interactive Rubber Ducking with GenAI 127d ago
On how to work on the design with GenAI, without getting mad at you're absolutely right!
Read
The End of Coding? Wrong Question 134d ago
Be careful what you wish for, because your wish may come true.
Read
Parse, Don't Guess 141d ago
Last time, I shared with you how sneaky I was on transaction handling.. Today, the opposite: I’ll tell you how I fixed the issue when I tried to be too sneaky. I already told you that Sneaky Code Bites Back. The moral? Do as I tell, not how I do.
Read
How I cheated on transactions 155d ago
Or how to make tradeoffs based on my Cloudflare D1 support
Read
On rebuilding read models, Dead-Letter Queues and Why Letting Go is Sometimes the Answer 183d ago
In the last article, I explained how to rebuild Event-Driven Read Models in a safe and resilient way. I asked readers to let me know if they find any blind spots in my design.
Read
Rebuilding Event-Driven Read Models in a safe and resilient way 197d ago
And what distributed locking, PostgreSQL Advisory Locks have to do with that
Read
Architecture Weekly is 5 years old! 🎉 204d ago
Yup, I just realised that it happened! Let's do a small celebration and recap how I got here!
Read
Terminal Trove Tool of the Week
More...
hyprmoncfg 111d ago
A terminal first monitor configurator and daemon for Hyprland.
Read
dealve-tui 153d ago
Delve into game deals from your terminal.
Read
superseedr 216d ago
A BitTorrent client in your terminal.
Read
intelli-shell 286d ago
Like IntelliSense, but for shells!
Read
bitchat-tui 363d ago
A TUI client for bitchat.
Read
textual-paint 573d ago
MS Paint in your terminal.
Read
television 594d ago
A blazingly fast general purpose fuzzy finder TUI.
Read
openapi-tui 839d ago
Browse and run APIs defined with OpenAPI v3.0 in the TUI
Read
crates-tui 853d ago
A TUI for exploring crates.io
Read
Last updated just now