Understanding transform-box
A focused demo explaining how SVG transform origins behave and how transform-box fixes browser behavior that feels broken.
View demoAbout
I am a Senior Design Engineer focused on the architecture, tooling, standards, and collaboration models that help product teams ship consistent and accessible UI at scale.
Focus
My work sits between design intent and engineering reality: component libraries, semantic design tokens, accessible defaults, developer tooling, and contribution models that make system quality easier to repeat.
My recent writing explores design systems, UX development, AI-native workflows, and the ways team behavior becomes part of the interface. This site keeps older web experiments and creative practice as an archive of the same throughline: craft, constraints, and curiosity.
Outside of product work, I teach web design and frontend development at Louisiana State University. I recently turned my course book into Learn.QuintonJason.com, a learning platform for students building foundations in HTML, CSS, JavaScript, accessibility, responsive design, and UX.
CSS and SVG Experiments
These experiments show the craft side of my work: explaining browser behavior, prototyping interaction ideas, and using CSS and SVG to make technical concepts easier to see.
A focused demo explaining how SVG transform origins behave and how transform-box fixes browser behavior that feels broken.
View demoAn interactive motion study using SVG and CSS animation to turn a small visual detail into a polished interface moment. Hover the card to trigger the animation.
View demoA logo animation demo exploring transforms, timing, and expressive SVG motion for an event identity. Use the dropdown to switch logo states. The real version used the WeatherBug API to respond to local weather.
View demoMy first SVG animation, later used in an SVG teaching session to make shape animation feel tangible.
View demoA slide-deck demo from an SVG talk showing how expressive vector illustration and motion can support teaching. Click the Vegas sign to play the animation.
View demoElsewhere
Teaching web UX foundations in the LSU School of Art, including HTML, CSS, JavaScript, accessibility, responsive design, and the systems thinking behind maintainable interfaces.
Learning PlatformA structured course platform that makes frontend concepts easier to teach, practice, and adopt through lessons, projects, demos, and common debugging paths.
Treehouse FeatureA profile about returning to the web, building a career, and growing into speaking and leadership.