<style> .reveal-up, .reveal-left, .reveal-right, .reveal-stagger > * { opacity: 1 !important; transform: none !important; } </style>

Notes & Articles

Write-ups on 3D rendering, BIM software, Angular and the things I learn building them.

· 3 min read

Building an interactive 3D steel frame for my portfolio with Three.js

How the steel structure on my home page is built: I-section members, bolted end plates and welds drawn with instanced meshes, a storey-by-storey build animation, and click-to-inspect picking.

  • Three.js
  • 3D
  • BIM
  • Angular

· 2 min read

Why my typing animation froze in a zoneless Angular app (and how signals fixed it)

Angular apps without Zone.js only re-render when something tells them to. Here is the bug that taught me that, and the patterns I now use for timers, scroll handlers and animation loops.

  • Angular
  • Signals
  • Performance

· 2 min read

Hardening a static Angular portfolio: CSP, dependency updates and a spam-resistant contact form

A portfolio is a small site, but it still ships JavaScript to strangers. The security checklist I worked through: updating vulnerable packages, a Content Security Policy, and protecting the contact form.

  • Security
  • Angular
  • CSP