Hi, I'm Brian Travers

and I am a Front-End Developer with a background in design. I work at a small agency here in Chicago, which is to say I have the privilege of working in a variety of disciplines within development (with a particular affinity for animation).

Skill Set

Form follows function...
I love trying new things but always aim for clean, accessible and DRY code. My skills are sharpest in the fundamentals of front-end development.

Fundamentals:

  • HTML5 Icon
    HTML
  • CSS Icon
    CSS/Sass
  • Javascript Icon
    Javascript
  • SVG Icon
    SVG
  • Wordpress Logo
    Wordpress
  • Logo icon for A11y Project
    Accessibility (A11Y)
  • Adobe icon
    Adobe Creative Suite
  • Generic email icon
    HTML Email

Notable experience:

  • React Icon Vue Icon
    JS Frameworks (React, Vue)
  • Php logo Laravel icon
    PHP (Laravel)
  • Gatsby JS icon Jekyll logo
    Static Site Generators (Gatsby and Jekyll)
  • Drupal Icon Squarespace Icon
    Other CMS's (Drupal 7, Squarespace, Wix, etc)
  • Github Icon Digital Ocean logo
    Version Control & Backend (Git, BitBucket, basic server maintenance)

Selected Work

Here is a curated selection of my work:

88 Brand Partners

Description: Updated agency website with the Roots Sage 9 framework for Wordpress.

Highlight: Used greensock to create a more exciting drawer system for team page.

Link: 88brandpartners.com

Display Ads

Description: I like to think of display ads as quick static websites with subtle yet eye-catching animations with libraries like Greensock, SVGs and CSS. After years of building with Adobe Flash and others, I now hand-code each ad.

Highlight: Banners need to be seen by everyone, so extra attention needs to be spent on browser support (even IE11!).

Video Animation

My passion for animation has lead me to also have enough experience with Adobe After Effects to be dangerous. Here is a video sizzle-reel that was recently built for 88 Brand Partners.

*All motion graphics are mine with exception to television commercial work and live-action video.

Additional info

If you need more info, call, text, email, or look me up these other platforms:

Contact Me:

Links:

More About Me: