Long-form articles on WebGL, web performance, motion design, accessibility and the web platform by creative frontend developer Mara Ellison.https://maraellison.dev/en© 2026 Mara Ellisonhttps://maraellison.dev/blog/webgl-page-transitions-with-threejs/https://maraellison.dev/blog/webgl-page-transitions-with-threejs/A step-by-step guide to shader-based image transitions in Three.js — texture loading, a displacement shader, GSAP timing and graceful fallbacks.Tue, 18 Aug 2026 00:00:00 GMTwebglthreejsanimationhello@maraellison.dev (Mara Ellison)https://maraellison.dev/blog/core-web-vitals-for-creative-websites/https://maraellison.dev/blog/core-web-vitals-for-creative-websites/How to keep LCP, INP and CLS green on sites full of WebGL, video and animation — with budgets, lazy loading and real-user measurements.Wed, 22 Jul 2026 00:00:00 GMTperformanceseonextjshello@maraellison.dev (Mara Ellison)https://maraellison.dev/blog/designing-a-motion-system/https://maraellison.dev/blog/designing-a-motion-system/Tokens for duration and easing, choreography rules and reduced-motion fallbacks — how to turn one-off animations into a coherent motion system.Tue, 30 Jun 2026 00:00:00 GMTmotiondesignreacthello@maraellison.dev (Mara Ellison)https://maraellison.dev/blog/astro-or-nextjs-for-content-sites/https://maraellison.dev/blog/astro-or-nextjs-for-content-sites/Why this portfolio uses Next.js for the interactive homepage and Astro for the blog — and a checklist for deciding on your own project.Thu, 14 May 2026 00:00:00 GMTastronextjsarchitecturehello@maraellison.dev (Mara Ellison)https://maraellison.dev/blog/generative-music-with-the-web-audio-api/https://maraellison.dev/blog/generative-music-with-the-web-audio-api/Build a tiny lo-fi generator with oscillators, filters, a lookahead scheduler and a convolution reverb — the same engine behind this site's music player.Thu, 02 Apr 2026 00:00:00 GMTweb-audiocreative-codingjavascripthello@maraellison.dev (Mara Ellison)https://maraellison.dev/blog/json-ld-structured-data-recipes/https://maraellison.dev/blog/json-ld-structured-data-recipes/Copy-paste JSON-LD for Person, FAQ, Product, Review, Event and Breadcrumb markup — plus how to test it before search engines do.Thu, 19 Feb 2026 00:00:00 GMTseojson-ldjavascripthello@maraellison.dev (Mara Ellison)https://maraellison.dev/blog/accessible-custom-cursors/https://maraellison.dev/blog/accessible-custom-cursors/Custom cursors and mouse trails can delight — or exclude. How to build them so they respect touch devices, reduced motion and assistive technology.Thu, 08 Jan 2026 00:00:00 GMTaccessibilitycssreacthello@maraellison.dev (Mara Ellison)