Tony Batts

Hello, I'm Tony Batts.

I'm a web developer

ABOUT

Always Improving

When I'm not working I spend my days studying and building. This website is constantly evolving, comeback in a few days and you might notice a few changes (or a few bugs). Most nights I can be found at my desk staying up far too late to solve that "last" problem.

Fueled By Coffee

Coffee is my one and true vice. I would never get anything done without my fix. I may or may not have more coffee gear than my local coffee shop. My go to drink is a classic macchiato espresso. Keep an eye out for a little coffee easter egg hidden around here somewhere.

A Little Awkward

Always a bit uncomfortable but always going out of my comfort zone. "Enjoy your meal" "you too..." is pretty common in my day to day. I like to call it charm. I thrive on the "uncomfortable" feeling, it means that you are growing. Comfort zones are for the complacent.

A Little Obsessive

Once I get into something, I REALLY get into it. If you're looking at this site at 2 am don't be surprised if you see a change mid scroll. I probably just had an "Ah ha!" moment and hopped out of bed to make a quick adjustment. Often times I dream about fixing bugs, still not sure if this is a good or bad thing.

SKILLS

HTML

CSS

JavaScript

Bootstrap

Git

Gatsby

Photoshop

React

npm

Google

Webpack

Stack-Overflow

PROJECTS

The List

  • Coffee Jitters
  • Buy Me A Coffee
  • The Run
  • Gotta Catch 'Em All
  • Shiny!
  • Word Guess
  • It's In The Code
  • Konami Code
  • Akatsuki

Hidden Gems

While I was building this portfolio I occasionally started to add easter eggs, little hidden gems that I thought would make people happy if they were to stumble across one. I started with 1. Then 1 turned into 2, and now there are currently 9 easter eggs hidden throughout this website. I will likely end up adding more if a new idea pops up, I've had a lot of fun creating them. If you end up looking for all 9 and need a hint feel free to ask me, or crack open the dev tools and poke around!

K&N Engineering

I am a Front End Developer at K&N Engineering. I take mockups from designers, and code them into functional web pages, ensure visual consistency of websites via use of style guides and enforcement of established standards. I manage knfilters.com, aemintakes.com, airaid.com, spectre.com both US and international sites. Work closely with internal and external teams to launch products, promote sales, and keep the various websites under the K&N umbrella updated with fresh content.

Jenreyes.design

Jenreyes.design is a portfolio I built using Gatsby.js for an Art Director friend of mine. She was looking to migrate her website from Squarespace, and I took it as an opportunity to learn Gatsby.js. I built it from the ground up as a 1 for 1 to match her Squarespace website, animations included. I broke up the site into reusable React components, which will allow me to easily add more projects in the future. Thanks to Gatsby's optimizations and code splitting the site is lightning fast.

Quick Audit

Quick Audit is a Chrome Extension that runs a GTmetrix audit on the current tab with one click without having to navigate away from the page you are currently testing. I commonly have the need to run GTmetrix reports throughout my day while optimizing websites, I built this extension to help make that process more streamlined. Clicking the extension icon opens a window with no address bar/tool bar and automatically runs your current url through GTmetrix.

Winter Advertising Agency

This is the first website I have made professionally. As an intern my first project was to take an existing website and recreate it on another platform. I started with a blank canvas and built it from the ground up, once I was finished it looked exactly like the original. Completing this project proved that I would be a valuable team member, I was hired on shortly after. If I had the knowledge I have now when I was first tasked with making the site, I would have done a few things differently.

Stand Up Reminder

During my work day I often "get in the zone" and before I know it hours have passed and I haven't budged from my office chair. In order to keep healthy I decided to build a Chrome Extension that solves this problem for me. Based on the Apple Watch Stand reminder, my Stand Up Reminder triggers a popup on whatever page you are on once every hour. The popup has a 60 second countdown timer that gently nudges me to get up and stretch my legs.

Todo Web App

One challenging aspect of web development is keeping a handle on all of the various tasks that are needed throughout the workday. I found myself constantly scrawling down reminders on paper, this led to me building a Todo web application using HTML, CSS, and vanilla JavaScript. I utilized webpack and Babel to develop using ES6+ and still be supported by all browsers. I organized my code in JS modules to keep the code clean and readable.

Themify

When I'm starting a new project one of my main pain points is choosing a theme. I would find myself looking to other sites for inspiration, and digging into the dev tools to copy color codes. Over time this became tedious so I built a tool to make that process easier. Themify creates a list of easily copyable colors of the website you are currently on. The list can be configured to output hex, rgb, or hex without the "#" for easier photoshop pasting.

Nieves Landscape

Nieves Landscape is a multi-million dollar landscaping firm based in Orange County. They hired me to get rid of their old broken site and build them a new fresh mobile first website. I tried to show the personality of the business in the design. I optimized it to load quickly, and I did some SEO to make sure they ranked high on google searches. This website/design won two awards from Hermes Creative Awards, as well as gets a lot of traffic month after month.

Parameter Popup

As a merger occured in the advertising agency I work with, a challenge presented itself. How do we let people searching for the two past company websites know of the new and improved super agency? My solution was to redirect the old sites to the new one with an added parameter. Example: oldsite1.com > newsite.com/?fromoldsite1 and oldsite2.com > newsite.com/?fromoldsite2. Then writing some JavaScript to show a custom popup based on the parameter value.

Tony Batts Golden Gate Bridge Tony Batts Seattle Starbucks Reserve Tony Batts walking in Mexico City Tony Batts Mexico City street view Tony Batts Carpenter Brut
Tony Batts Seattle Washington street view Tony Batts Mexico rooftop view Tony Batts New York Tony Batts New York Time Square Tony Batts Anthony Green concert Tony Batts Circa Survive concert

CONTACT

Enough about me, tell me about yourself

Don't be shy! What's your name?
Please leave a valid email
Leave me a message Form submission failed, try again later Thank you for reaching out!
A new version of this app is available. Click here to update.