Brad Woods
garden.bradwoods.io · Personal blog · on HN since 2021
Brad Woods writes a digital garden of articles on front-end engineering, design, CSS, shaders, and interactive visual effects.
What HN saysCommenters praise it as a large collection of excellent educational articles, especially the interactive 'juice' piece, though one notes it loads slowly.
23HN people shared it
14linked it in comments
51stories submitted
391story points
3 months agolast shared
2021people per year2026
Most-shared posts
- 1Juice10 people · 4 points · first shared 2023 · discussion on HN
- 2Brad Woods Digital Garden5 people · 86 points · first shared 2022 · 4 comments on HN
- 3CSS Blend Modes5 people · 6 points · first shared 2023 · discussion on HN
- 4Animate a mesh across a sphere's surface2 people · 158 points · first shared 2025 · 15 comments on HN
- 5Browser Adaptation2 people · 16 points · first shared 2025 · 1 comments on HN
- 6Gradient Shader2 people · 6 points · first shared 2026 · discussion on HN
- 7Working in a Team2 people · 2 points · first shared 2021 · discussion on HN
- 8Show HN: SQL Basics1 people · 26 points · first shared 2021 · 1 comments on HN
- 9Show HN: Writing as a Software Engineer1 people · 18 points · first shared 2022 · 2 comments on HN
- 10Show HN: A JavaScript V8 engine walkthrough1 people · 8 points · first shared 2022 · 1 comments on HN
- 11Show HN: How Box-Sizing Works1 people · 6 points · first shared 2022 · discussion on HN
- 12Superman Doesn't Sweat1 people · 5 points · first shared 2025 · 5 comments on HN
- 13Show HN: Infinite scroll using the Intersection Observer1 people · 5 points · first shared 2022 · discussion on HN
- 14Show HN: How to create a hologram effect using SVG1 people · 4 points · first shared 2022 · 1 comments on HN
- 15Show HN: debounce, throttle and requestAnimationFrame1 people · 4 points · first shared 2022 · 1 comments on HN
What HN people wrote when they linked it
deanc · 2023-01-10
Brad has a large collection of excellent articles written to educate on topics [1]. Don't miss the others, there are some real gems.
[1] https://garden.bradwoods.io/
1zael · 2026-07-26
Brad Woods has an amazing website dynamically illustrating the concept of "juice", which he defines as "the non-essential visual, audio and haptic effects that enhance the player's experience".
There's an example of how you can juice up a simple "delete" button with various levels of UX. I encourage you to play around with it to juice up your own buttons!
Source: https://garden.bradwoods.io/notes/design/juice
bradwoodsio · 2023-07-04
https://garden.bradwoods.io/
Writing mostly about design & front-end engineering
scns · 2021-09-21
Can you supply a link please, could not find it. His page is worth looking at, even if it takes a while to load.
(edit) nevermind, found it: https://garden.bradwoods.io/notes/problem-solving
wonger_ · 2026-03-09
Tasteful: https://colly.com/
Artsy: https://anhvn.com/
Simple yet elegant: https://www.lkhrs.com/ and https://arun.is/blog/
Maximalist: https://henry.codes/ and https://garden.bradwoods.io/ and https://blog.maximeheckel.com/
Old-school / indie web: https://ribo.zone/
Text mode / ASCII art: https://adelfaure.net/
Typography: http://davidcole.me/ and https://www.petemillspaugh.com/
I have more. You can keep rolling the dice on https://indieblog.page/random and eventually you'll stumble across some pretty sites. Usually the nicest ones are from frontend / design engineer types of people. EDIT - oh and the sites in the internet phone book! https://internetphonebook.net/ as well as browsing screenshots at https://personalsit.es/
asadm · 2025-11-20
very cool game! needs some juice.
https://garden.bradwoods.io/notes/design/juice
also, add a leaderboard
chrisweekly · 2025-11-07
Interesting, I came across "juice" in this same sense of relatively subtle UX polish in this article: https://garden.bradwoods.io/notes/design/juice.
ghc · 2025-03-17
I understand the sentiment, but I believe Brad Woods explained it better in https://garden.bradwoods.io/notes/design/juice .
Flat design is much more of a blank canvas than old desktop UI toolkits were, but companies are loathe to invest in "Juice" because it requires a level of attention to detail that works against fast iteration.
benjaminoakes · 2024-09-16
Related: Juice is the non-essential visual, audio and haptic effects that enhance the player's experience.
https://garden.bradwoods.io/notes/design/juice
leetrout · 2024-03-08
LegionMammal978 · 2023-05-30
Recently, https://garden.bradwoods.io/notes/css/blend-modes was linked to, which, using Firefox on Android, takes hundreds of milliseconds to paint the new screen whenever I scroll. I can also notice the behavior on my desktop if I scroll quickly enough, even if I disable JavaScript. So it most likely has to do with an advanced CSS feature, perhaps the blend modes it is showcasing.
jareklupinski · 2023-05-24
when they ask for stuff like that, what they really want is more juice
https://garden.bradwoods.io/notes/design/juice
"..." is a kind of juice
airstrike · 2023-05-28