TL;DR —~ I'm an interaction and UI designer, and I'm going to be making this site better with progressive enhancements and improved organization. I like horse racing, photograhy and other lifelong learning opportunites, including trying to keep my skills up to date.
Slightly expanded version —~ I'm an interaction and UI designer who can code enough to build my own projects and communicate/collaborate well with engineers. I've been employed doing some variety of web-based design since 1996. For the last 15 years I've been working in the enterprise space, which is great for hard interaction design problems, and not so great for keeping one's front-end dev skills up to date as a matter of course.
Until I figure out how to best put together a decent representation of my work, I've listed of some of my side projects and other fun(?) things I've done in the recent past. I've been slowly leveling up my front-end skills, especially with the more recent projects, which has been very enjoyable (and a never-ending source of "Oh wow, I have to go fix that now").
At some point I might add a Week(ish) Notes feature to track some of things I'm working on. Once I have a more robust version of this site built out, perhaps using Sergey, I will go into more detail on the bigger projects. Spoiler alert: I'm really into horse racing.
My most recent and ambitious project! I came up with this idea about four years ago but didn't have the chops to build it. Enter Airtable and enough Vue.js skills cobbled together via search engine and the Random Replay Generator was finally born. If you're looking for an easy way to binge-watch Thoroughbred racing replays, you might like this site. And yes, I will be converting those icons from font to SVG (and eventually replacing Bootstrap).
Usable data is bizarrely hard to come by in American Thoroughred horse racing, so I created a way to share datasets that people had put together. This site started as a flat site that I later migrated to Airtable/Vue. I'm current redesigning it to allow for easily viewing available datasets by data type and category. This will be my first foray into routing and creating a Vue app versus using a CDN (and learning how to deploy, wish me luck!). I'm also using Tailwind CSS for the new design. The goal is have it done by early July 2019 (in time for Saratoga 🎉). I have no doubt that once I figure out how to build it in Vue, that the next phase will be figuring out how to build it with Web Components.
When friend and fellow horseplayer Adam Wiener and I started this project in 2008, there was not an easy way to learn about Thoroughbred horse racing online. My role was everything on the creative and implementation side from concept to execution. This included design, dev (don't look at the code, unless you'd like to get a good picutre of my pre-leveling up period hackish CSS chops), Wordpress admin and editorial (both as an editor and writer). Basically I'm everything from Creative and Editorial Director to production assistant.
Not long after launching Hello Race Fans we purchased this site from talented friend and collaborator Jessica Chapel. Chapel launched it as an aggregrator and original content site in 2007. I've managed not to screw it up, and have built on the success of The Wire by adding Tout Wire for aggregrated racing picks and tips.
In the time since the inaugural 2018 version I got a bit more serious about improving my vanilla JS skills and was able to do some refactoring. It's definitely more streamlined, and I'd love to hear any feedback or suggestions about making the approach better!
I'm not good at data visualizations, but that didn't stop me from creating a few! I think this is the most most effective one I've created. I used a sankey diagram to illustrate the graded stakes prep race path of Kentucky Derby winners in their 3-year-old year. Since many winners also prepped in a mix of graded and non-graded races, I also created illustrations of each winner's full path.
These are pretty vanilla as far as data visualizations go, but I wanted to see if there was a way to make it easier to answer simple questions about what has produced winners of an indivdual race over the last almost 30 years (the time period for which there is usable data). I think the is "For the most part, yes".
An overall super fab resource, especially if you find yourself wanting to brush up your CSS skills. This post from Issue 5 inspired my profile pic approach, even though I ended up implementing it a little differently. But I did integrate his fluid type utility from Issue 1 on my h1 & h2s!
Grabbed my snazzy background pattern here. A nice, easy to customize collection of reating SVG background patterns from Steve Schoger of Refactoring UI. If you want to take it a step further and make your own, Schoger has a nice video tutorial on how to create one in Sketch.
Honestly I just used the default palette here because I'm lazy like that, but I've used this to generate palettes for other projects as well and it's very handy. Close readers of this page will have noticed by now that I'm incredibly fond of generators.
If you're looking for inline SVG code to copy and paste, then this decent sized collection might be of use, it was to me! Babtiste Briel converted several free icon sets available at Dribbble to be used inline. There's also a link to each set if you'd like to download them.
In addition to those listed above, following Sara Soueidan, Charlie Owen and Heydon Pickering have been extremely useful, especially with regard to learning more about accessibilty. More shout outs to come as I build out this site! 🎉