Generated by All in One SEO v5.0.0.1, this is an llms.txt file, used by LLMs to index the site. # alexshanley.com ## Sitemaps - [XML Sitemap](https://alexshanley.com/sitemap.xml): Contains all public & indexable URLs for this website. ## Posts - [Why scroll-driven animations so good?](https://alexshanley.com/why-scroll-driven-animations-so-good/) - Discover why native CSS @scroll-timeline is replacing JavaScript. Learn how to eliminate scroll jank, boost Core Web Vitals, and build off-main-thread motion. - [Glass UI: and why you should](https://alexshanley.com/glass-ui-and-why-you-should/) - Master Glassmorphism on the web. Stop backdrop-filter bleed across stacking contexts using CSS isolation—the architectural fix nobody talks about. - [The 1% Rule : and why it matters](https://alexshanley.com/elementor-5155/) - Design Feb 22, 2026 The 1% rule: obsessing over micro-interactions that matter Alex Shanley 3 min read We spend 99% of our time designing layout grids, selecting typography, and managing state architecture. But the final 1%—the micro-interactions, the subtle easing curves, the specific way a button yields when clicked—is what dictates whether a digital product - [Scroll animation](https://alexshanley.com/scroll-animation/) - JS scroll listeners are a performance tax. Learn how CSS scroll-driven animations replace them with three lines that run jank-free on the compositor. - [The View Transitions API: App-Like Navigation Without a SPA](https://alexshanley.com/view-transitions-api/) - The View Transitions API brings native-app page morphs to plain multi-page sites. Two lines of CSS, no router, no framework — here is how to ship it today. - [Optical Alignment: When the Math Is Wrong](https://alexshanley.com/optical-alignment/) - Perfectly centered is often visibly off. Why play icons, quotation marks, and rounded shapes need optical correction — and how to train your eye to see it. - [CSS :has() — The Parent Selector Changes How You Architect Styles](https://alexshanley.com/css-has-selector/) - For twenty years CSS could only look down the tree. :has() looks up, sideways, and forward — killing a whole class of state-tracking JavaScript. - [INP: The Metric That Finally Measures How Your Site Feels](https://alexshanley.com/optimizing-inp/) - Interaction to Next Paint punishes what users actually hate: taps that do nothing. Here is where INP debt hides and the patterns that pay it down. - [linear() Easing: Real Springs in Pure CSS](https://alexshanley.com/css-linear-easing/) - cubic-bezier can only draw one hump — no bounce, no overshoot-and-settle. The linear() function ends that limit and brings true spring physics to CSS. - [Container Queries: Components That Own Their Responsiveness](https://alexshanley.com/container-queries/) - Media queries ask how big the window is. Container queries ask how big MY box is — the question components actually needed. Sidebars stop breaking cards forever. ## Pages - [Home](https://alexshanley.com/) - Product-focused Web Developer and UX/UI Designer. I ship scalable fintech, SaaS, & mobile apps, driving growth by bridging business & technical goals. - [My Blog](https://alexshanley.com/blog/) - WritingAll thoughts oncraft & code.Essays on motion, frontend performance, and the 1% details that make interfaces feel premium.AllDesignFrontendMotionPerformance10 articlesLatestFrontendAug 11, 20261 min readContainer Queries: Components That Own Their ResponsivenessMedia queries ask how big the window is. Container queries ask how big MY box is — the question components actually needed. Sidebars stop breaking cards forever.Read - [Projects](https://alexshanley.com/projects/) - Interactive 3D portfolio by Alex Shanley featuring 14 diverse web projects, from React and Django apps to corporate WordPress architecture - [Cuban Coffee Queen](https://alexshanley.com/cuban-coffee-queen/) - Graphic design case study: gift card and carrier design for Cuban Coffee Queen, Key West's own coffee roaster from concept to print-ready dieline. - [MEWS PMS](https://alexshanley.com/mews-pms/) - Voucher Connect × Mews — Case Study Voucher Connect× Mews A front-desk interface for redeeming third-party gift vouchers directly against live reservations inside Mews, the hospitality property management platform. The brief: let reception staff validate a guest's voucher code, match it to the correct booking, and apply its balance to the invoice — without leaving - [We Post You Profit.](https://alexshanley.com/we-post-you-profit/) - A graphic design case study for Voucher Connect's postal gift card fulfilment service, covering iconography, layout and print-ready visual direction. - [Boy to Man ISTD.](https://alexshanley.com/boy-to-man-istd/) - An ISTD case study: research into men's mental health shaped Boy Now, an illustrated parenting book with custom typography and full print production. - [My Profile Redesign](https://alexshanley.com/my-profile-redesign/) - My Account Redesign Case Study My Account Redesign. A UX/UI redesign of Voucher Connect's account settings screen, taking a bare legacy form and turning it into a grouped, secure, and genuinely usable settings experience that matches the rest of the redesigned platform. Client Voucher Connect Industry Gift Voucher Platform Role UX / UI Designer Tool - [My Stores Redesign.](https://alexshanley.com/my-stores-redesign/) - My Stores Redesign Case Study My Stores Redesign. A UX/UI redesign of Voucher Connect's account selector screen, the page a merchant lands on straight after login to choose which store they're managing, taken from a functional but flat utility screen to a considered, branded product moment. Client Voucher Connect Industry Gift Voucher Platform Role UX - [Voucher connect Youtube](https://alexshanley.com/voucher-connect-youtube/) - Voucher Connect Youtube Voucher Connect Youtube A running library of edited video content for Voucher Connect, built in Adobe Premiere Pro from raw footage through to a finished, publish-ready cut, with motion graphics and sound design layered in on top of the edit rather than left as an afterthought. Client Voucher Connect Discipline Editing, Motion - [Healy Pentony Solicitors](https://alexshanley.com/healy-pentony-solicitors/) - Healy Pentony Solicitors Case Study Healy Pentony A modern, trust led web presence built for a boutique Dublin law firm, structuring a broad practice spanning commercial and residential property, probate and commercial litigation into clear, distinct paths for private clients, financial institutions and businesses. Client Healy Pentony Solicitors LLP Industry Legal Services Role Web Design - [efastireland](https://alexshanley.com/efastireland/) - EFAST Ireland case study: How technical SEO, WordPress migration, Stripe payments, and SMTP email delivery optimized this emergency training platform. - [Talisman Metals PLC](https://alexshanley.com/talisman-metals-plc/) - See how Alex Shanley engineered a custom WordPress platform for Talisman Metals, featuring live LSE data integrations and automated news feeds. - [Lightspeed Gift Vouchers](https://alexshanley.com/lightspeed-gift-vouchers/) - Explore the Lightspeed Gift Vouchers case study: A custom POS integration featuring Stripe payments, ML fraud prevention, and real-time iPad camera scanning. - [Redesign of Avoca Wicklow Day Tour](https://alexshanley.com/avoca-wicklow-day-tour/) - See how Alex Shanley transformed the Avoca Wicklow Day Tour website into a premium digital experience. Explore the full luxury redesign case study. - [Voucher Connect Website](https://alexshanley.com/voucher-connect-website/) - Explore the Voucher Connect technical redesign: A high-performance SaaS rebuild featuring 90+ PageSpeed scores. - [Engage Financial Solutions](https://alexshanley.com/engage-financial-solutions/) - Engage Financial Solutions — Case Study Engage Financial A high-performance, fully compliant corporate web presence engineered for one of Ireland's leading award-winning financial brokerages. Regulated by the Central Bank of Ireland and operating from Blackrock, Co. Dublin, Engage Financial Solutions required a platform that could serve first-time buyers, mortgage switchers, retirement planners, and business clients - [Platinum Pilates](https://alexshanley.com/platinum-pilates/) - Platinum Pilates — Full Website Build Case Study Platinum Pilates A complete ground-up website build for Ireland's leading Pilates and Physiotherapy brand. Operating across five studio locations and three physiotherapy clinics in Dublin, Platinum Pilates required a Squarespace platform that could elegantly serve a multi-location fitness brand — handling class timetables, tiered pricing, online booking, - [Northbrook Clinic](https://alexshanley.com/northbrook-clinic/) - The Northbrook Clinic — Server Migration & DNS Case Study Northbrook Clinic A server migration and DNS management engagement for one of Dublin's established specialist medical and dental clinics. Founded in 1993 and located in Ranelagh, The Northbrook Clinic operates a referral-based practice with eight specialists across dental and medical disciplines — and requires its - [Dingle Distillery](https://alexshanley.com/dingle-distillery/) - Dingle Distillery — Website Protection & Maintenance Case Study Dingle Distillery A website protection and maintenance engagement for one of Ireland's most celebrated independent distilleries. Nestled on the edge of the Wild Atlantic Way in County Kerry, Dingle Distillery produces award-winning whiskey, gin, and vodka — and relies on dingledistillery.ie as its primary e-commerce, brand, - [Mosaic Assemblers](https://alexshanley.com/mosaic-assemblers/) - Mosaic Assemblers — Web Design, Maintenance & Protection Case Study Mosaic Assemblers A web design, maintenance, and protection engagement for one of Ireland's longest-established specialist mosaic tile suppliers. Founded in 1969, Mosaic Assemblers has built an international reputation for the design and supply of premium mosaic tiles across domestic, leisure, and commercial markets — and - [Group gift card page](https://alexshanley.com/group-gift-card-page/) - Group Gifting UI/UX A deep-dive analysis of the organiser-facing management interface for group gift cards on VoucherConnect — examining information architecture, interaction patterns, usability heuristics, and design opportunities. Product VoucherConnect User Role Gift Organiser Platform Web — Desktop Study Type Heuristic Eval. 01. Product Overview. VoucherConnect is a smart gifting platform where users purchase and - [Test](https://alexshanley.com/test/) - Alex Shanley — Web Design & Development Portfolio All CMS Dev Full Stack UX / UI Graphic Design Animation ↑↓navigate 01 / 14 ↑ swipe to browse ↓ CMS Dev 02 Mobile App 03 Web Design About me ABOUTME. ETHOS I am a Creative Developer based in the digital ether. I build interfaces that feel - [About](https://alexshanley.com/about/) - Meet Alex Shanley: a hybrid product leader who designs, builds, and ships. Specialising in UI/UX, web development, and measurable digital impact. - [Pawfect Match](https://alexshanley.com/pawfect-match/) - Explore Pawfect Match: A full-stack Django application featuring PostgreSQL integration, custom CRUD functionality, and a robust admin management portal. - [Movie Geek](https://alexshanley.com/movie-geek/) - Explore Movie Geek: A full-stack social hub built with Django, React, and PostgreSQL. Features real-time TMDB API integration and a custom meetup engine. - [Not again - animation](https://alexshanley.com/not-again-animation/) - 2D Animation Case Study: "Not Again." Showcasing expertise in Toon Boom Harmony, Adobe After Effects, character rigging, and collaborative production workflows. - [Headline](https://alexshanley.com/headline/) - Explore Alex Shanley's UI/UX and frontend build for Headline, a dynamic digital music discovery platform designed for audiences aged 18-26. - [Shoreline](https://alexshanley.com/shoreline/) - Explore Alex Shanley's brand identity and print collateral design for Shoreline, a new coastal hospitality venue located in Newport-on-Tay, Fife. - [Contact me](https://alexshanley.com/contact-me/) - Ready to build something great? Contact Alex Shanley, a Dublin-based developer, to discuss new projects, consulting roles, or general inquiries. - [Voucher Connect App](https://alexshanley.com/voucher-connect-app-2/) - Voucher Connect App The front-line companion application for the Voucher Connect ecosystem, deployed globally across iOS and Android. Engineered to eliminate the need for expensive proprietary hardware, this application transforms any staff smartphone into a secure, real-time scanner capable of handling complex gift card redemptions, ticket verifications, and multi-tenant loyalty programs with zero additional staffing - [The Gentleman](https://alexshanley.com/the-gentleman/) - The Gentleman A full-stack, bespoke menswear e-commerce platform engineered from scratch. Developed over 4 weeks for University College Dublin (UCD), showcasing advanced Vanilla JavaScript interactivity and meticulous brand execution. Institution University College Dublin Timeline 4 Weeks Role Full-Stack Dev & UI/UX Stack HTML5, CSS3, Vanilla JS The Academic Brief. This project was commissioned as a - [RedemptionPopup Redesign](https://alexshanley.com/redemptionpopup-redesign/) - Redemption Module Redesign. A complete rethink of the voucher redemption flow inside the Voucher Connect merchant dashboard — redesigned for clarity, speed, and operational confidence at the point of redemption. This redesign consolidates a fragmented multi-page process into a single, confident modal. Project Scope Dashboard Modal/Popup Platform Web App (Desktop-First) Role Solo Design + Dev - [Voucher connect Modernise Log in page](https://alexshanley.com/voucher-connect-modernise-log-in-page/) - Voucher Connect Log In Page. The design and UX specification for the modernization of the Voucher Connect dashboard login page. This project represents a focused redesign of the primary entry point used by thousands of businesses globally, introducing a dynamic split-screen layout to build user trust and communicate brand value. Project Name Dashboard Login Modernise ## Elementor Header & Footer Builder - [Footer](https://alexshanley.com/elementor-hf/footer/) - Dublin, IE • 00:00 Got a project in mind? Let's build it. Start a Conversation © 2026 Alex Shanley. All rights reserved. LinkedIn GitHub Download CV ## Categories - [Uncategorized](https://alexshanley.com/category/uncategorized/) - [Frontend](https://alexshanley.com/category/frontend/) - [Motion](https://alexshanley.com/category/motion/) - [Performance](https://alexshanley.com/category/performance/) - [Design](https://alexshanley.com/category/design/)