The Curious Engineer

All blogs / Frontend / CSS / browsers

Brad Woods Digital Garden

garden.bradwoods.io

Notes about creative coding on the Web.

Frontend / CSS / browsersGraphicsJavaScript / TypeScript

Posts
68 from 30 Apr 2021 to 31 May 2026
Posting
now and then (4 in the last year)
Kind
personal blog
Feed
https://garden.bradwoods.io/rss.xml

2026 2

  1. Gradient shader
  2. Shaders 103 - smoke

2025 10

  1. JavaScript - cheat sheet
  2. View Transition API
  3. Animate a mesh across a sphere's surfaceHow to animate a mesh across the surface of a sphere using three.js and GSAP.
  4. Scroll-driven camera animation
  5. 03 - persistence
  6. 02 code patterns
  7. 01 tools
  8. 00 a game idea
  9. Superman doesn't sweat
  10. Browser adaptationExploring the browser as a storytelling medium.

2024 5

  1. How to writeWhat is the purpose of writing a blog post. How to choose what to write about and how to say it. The value of writing.
  2. Shaders 102 - sending data
  3. Shaders
  4. Scroll percent
  5. Scroll-driven draw animationHow to create a line drawing effect on scroll using SVG clip-path.

2023 8

  1. PersonalizationWhat is software personalization. How to personalize software and the benefits to the user.
  2. Evolving a traditional idea
  3. Depth vs. width
  4. User-driven UIWhat is a User Driven UI. What is the Zone of Proximal Development. Different approaches to teaching users how to use a UI. Using AI in the UI.
  5. CSS blend modesWhat are CSS blend modes. How to use background-blend-mode and mix-blend-mode. Interactive examples.
  6. JuiceTENDED
  7. Floating image
  8. 3D in CSSHow to create a 3D space using CSS. How to use the CSS perspective and perspectiveOrigin properties. How to translate, scale and rotate an element in 3D space.

2022 30

  1. Dynamic header
  2. Web workers
  3. Table of contentsHow to create a web page table of contents UI (User Interface).
  4. Infinite scroll
  5. Intersection ObserverWhat is the Intersection Observer and how to use the it.
  6. Classes
  7. Cors
  8. Big o
  9. Debounce and throttle
  10. This
  11. Objects
  12. Coercion
  13. Hoisting
  14. Variables
  15. Scopes
  16. Types
  17. Loops
  18. Accessibility
  19. Box sizing
  20. NewsNews sources for web dev. creative coders.
  21. feDisplacementMap
  22. Hologram
  23. Mask
  24. Pattern
  25. Npm
  26. Filters
  27. Commit message convention
  28. Xstate
  29. Head
  30. TypeScript

2021 13

  1. robots.txt
  2. Open graph
  3. Reset
  4. Favicon
  5. Team work
  6. Referential equality
  7. Dev cycle
  8. Memoization
  9. memo, useMemo, useCallback
  10. Layout component
  11. Global state
  12. State management
  13. Game theory