# Dylan Duff

> Websites for Western Sydney businesses, built by a Penrith web developer.

Personal site and portfolio of Dylan Duff. Every page is also available as markdown by appending `.md` to its URL or by requesting it with `Accept: text/markdown`.

## About

- [About](https://dylanduff.com/about.md): Background, experience and skills

## Blog

- [The Magic of Micro-Interactions: Why They Matter](https://dylanduff.com/blog/micro-interactions.md): Why the tiny animations and visual responses in interfaces matter more than you think.
- [The Resurgence of Skeuomorphism in UI Design](https://dylanduff.com/blog/skeuomorphism.md): Skeuomorphism is making a comeback — exploring why tactile UI is resonating again in 2025.
- [Recreating Apples Scroll Driven Device Showcases](https://dylanduff.com/blog/apple-scrolling.md): How to animate Rotato-rendered mockups in the browser using GSAP.js and scroll-driven canvas sequences.

## Craft

- [POC Parallax Cards](https://dylanduff.com/craft/parallax-cards.md): A proof-of-concept parallax card effect with layered depth and mouse tracking.
- [X-Ray](https://dylanduff.com/craft/x-ray.md): An x-ray reveal effect using CSS masks and pointer tracking.
- [Card Exploration](https://dylanduff.com/craft/card-exploration.md): An interactive card component with hover animations and layered visuals.
- [Masked Before After Carousel](https://dylanduff.com/craft/masked-before-after-carousel.md): A before-and-after image carousel using CSS masks for seamless transitions.
- [Hero Card Exploration](https://dylanduff.com/craft/hero-card.md): A hero card exploration
- [MacOS Context Menu](https://dylanduff.com/craft/macos-context-menu.md): A faithful recreation of the macOS right-click context menu using pure CSS and vanilla JS.

## Projects

- [Pixite](https://dylanduff.com/projects/pixite.md): The Pixite agency website. A highly interactive WordPress build that's been through multiple rounds of refinement as both the team and my skills have grown.
- [Nourished Life](https://dylanduff.com/projects/nourished-life.md): Front-end development for a major redesign of a large organic health and beauty ecommerce store, contracted through a local web agency.
- [Blue Mountains Chocolate Company](https://dylanduff.com/projects/blue-mountains-chocolate.md): A full brand refresh for a local chocolate shop. Website, signage, product photography, and social media templates, all brought into line.
- [Domcrete](https://dylanduff.com/projects/domcrete.md): A full under-the-hood rebuild of a slow, unreliable WordPress site for a GFRC supply and training company, without changing the design.
- [Glenbrook Rotary Markets](https://dylanduff.com/projects/glenbrook-rotary-markets.md): A dedicated website for the local rotary markets, with an auto-updating calendar and live stallholder listings pulled from their existing management software.
- [Retro Rehash](https://dylanduff.com/projects/retro-rehash.md): An evolving website for a local non-profit that connects musicians and venues in the Blue Mountains, centred around their 'Sounds of our Towns' playlist initiative.
- [TG Psychology](https://dylanduff.com/projects/tg-psychology.md): A modern, approachable website and brand refresh for a local psychology practice, built to actually convert the ad traffic being sent to it.
- [Velocity Home Lifts](https://dylanduff.com/projects/velocity-home-lifts.md): A website rebuild for a rapidly growing home lift company, balancing elegance with accessibility for an older user base.
- [Western Sydney Headshots](https://dylanduff.com/projects/western-sydney-headshots.md): A custom one-page landing page built for Google Ads, designed to convert without replacing the existing site.

## Optional

- [Full content](https://dylanduff.com/llms-full.txt): Every page on the site in a single markdown file