Platform: Craft CMS
Platform: IBM Websphere
I partnered with three other front-end developers as well as an off-site team of back-end developers to help create this customizable apparel site. The bulk of my work involved writing CSS and adding the related classes to the back-end code, tweaking the code when necessary (for example, to add conditional logic). The project inspired this blog post.
I created this site using Vue.js and Vue CLI. The work items are generated from a JSON file to make adding new projects easy.
Most animations use CSS transitions, except for my otter pal, who was created with an SVG and Greensock.
The font family is either Avenir Next Variable, if your browser supports variable fonts, or Open Sans, if it doesn’t.
The site is responsive (of course!), and was built mobile-first. It was tested in IE11 and in the latest desktop versions of Edge, Chrome, Safari, and Firefox, and on iPhone and iPad.
I built my first website more than twenty years ago, and while I’ve also worked in web and print design, writing, and editing since then, HTML and CSS have always been my truest loves. (I’ve become rather fond of Vue.js, too.) I love animation and creating delightful user interfaces with a focus on accessibility and good UX.
When I’m not coding, I’m probably out running. You can find me on the lakefront path every summer as a group leader for the Chicago Area Running Association’s Chicago Marathon training program.
And yes, I really, really like both otters and spectacularly bad puns.