Taylor Hunt

(513) 607‒5606 hello@ti.gt ti.gt CodePen GitHub

Principles

Site Speed: Respect others’ time and money.
Progressive Enhancement: Honor the web’s diversity, longevity, and ubiquity.
Accessibility: Reach people print never could.
Humanity: The underlying principle behind the first three.

Skills

Marko (like React, but good at SSR)
React and its related ecosystem libraries
WAI-ARIA
SVG
Node.js
Service Workers
Performance audits and improvement
Technical writing and documentation
Webfont hacking
Sass and PostCSS
PHP/WordPress

Experience

Student: The Center for Cartoon Studies; August 2023 – May 2025; 48 S Main St; White River Junction, Vermont 05001; Learned how to make better comics, and even made some.
Senior Software Engineer: eBay; April 2022 – February 2023; 2025 Hamilton Ave; San Jose, California 95125; Docs, talks, outreach, accessibility and performance work on the Marko framework site.
Front-end/JavaScript Developer: Kroger Digital; January 2018 – March 2022; 221 E 4^th St; Cincinnati, OH 45202; Co-founded site speed team that earned the company ≥$60 million. Owned and refactored site component library to become faster and more accessible. Optimized SVG icon library to ¼ the size.
Web Developer: Lunne Marketing Group; November 2016 – August 2017; 123 Webster St; Dayton, OH 45402; Administered servers, WordPress installs, and maintained frontends across myriad sites supported by the agency. Tripled our site’s PageSpeed score.
Web Developer: Reynolds & Reynolds; January 2016 – May 2016; 1 Reynolds Way; Dayton, OH 45430; Wrangled Drupal 8, wrote too much SassScript, and took great pleasure in implementing things my supervisor warned the designers were impossible.

Portfolio

Contrast-O-Vision

A tool that highlights edges with sufficient contrast on a real web page. WCAG 2.0 AA compliant… eventually.

Writing

Making the world’s fastest website, and other mistakes
A story about fitting a Fortune 20 site in 20kB, React thwarting my goal of serving users as they are, and burning out trying to do the right thing.
Skeleton screens, but fast
Here’s a fun HTTP+HTML+CSS technique for skeleton screens that works in almost* any stack, and some small but important details we need to do right by it.

Most importantly, it involves no client-side JavaScript, because adding JS to make a website feel faster usually is counter-productive.
When Responsive Images Get Ugly
Gotchas with the new syntax, media-aware images, backwards compatibility, and responsive images that are both height/width-constrained. 52,000+ people have looked at it, which scares me.
What I learned from “Implementation considerations for service workers”
There isn’t a body of practiced knowledge of How To Service Worker yet, so we have to learn where we can.
Optimizing SVGs in Data URIs
Careful construction of data URIs for SVG can net ≈10% download improvement after gzip.
Bust elements out of their containers with one line of CSS
No absolute positioning, the box model still works like it should, and its child elements needn’t know a thing.

Inherently responsive SVGs

These SVG images have built-in responsive behavior that could be reproduced with CSS, but with an important difference: they work out-of-the-box with any CMS’s built-in uploader. The advantage of loose coupling, I think.

Icon Eyecatch: Equivalent to background-size and -position.
Billboard-backing: Slap it on a heading of any size; it can take it. The icon can be switched out on the fly and the border will automatically mask around.
Stretchy header: Distorts to fill container, but remains crisp at any aspect.
Masking patterns: Mask out arbitrary shapes from complex backgrounds, even in IE9.
Repeating sections: Who needs multiple backgrounds?

Putting the “Web” in Webcomics

Webcomics are published as monolithic <img> tags. We can do better.

References

eBay employment verification can be found at theworknumber.com or 1‐800‐367‐5690.

Ryan Wires: (419) 349‒1130; ryanjwires@gmail.com
Karen Gould: (937) 369‒8273; karen@lmgresults.com