Welcome

Brooklyn Guan self portrait

About Me

Howdy and Welcome! My name is Brooklyn Guan. I am a front end and WordPress developer with strong interest in application development. Currently, I work as a full-time web developer at Glantz Design in Evanston, IL.

One of the best decisions I’ve ever made was teaching myself how to code. After 10 months of full-time studying and practicing, I landed on my first full-time job as a developer. I feel extremely lucky to be doing something I love.

When I am not coding, I like spending time with my family. I have a 7 year old son, a busy husband and a sleepy greyhound. We love cooking, listening to music, walking to the beach and working on small projects. My new challenge is teaching myself how to play piano. We are a multi-cultural family, everybody except our dog can speak both English and Chinese.

Your work is going to fill a large part of your life, and the only way to be truly satisfied is to do what you believe is great work. And the only way to do great work is to love what you do. If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it.
- Steve Jobs
Dog thinking about making choices
Apple laptop and headphones for website development

What I Do

What I Do At Work

  • WordPress sites: I spend 70% of my time transforming design mock-ups into WordPress websites.
  • HTML sites: I spend 5% of my time building HTML sites.
  • Functions and WordPress plugins: I spend 5% of my time on creating new functions such as API integration, Ajax etc.
  • HTML Emails: I spend 5% of my time creating HTML emails and e-blasts. I use Mailchimp or make them from scratch.
  • Research and problem solving: I spend 15% of my time doing research on new technologies and solving problems.

My Five Important Rules

When working on projects, I always cautiously make decisions on how to do things. I give myself five important rules to follow:

  • Accurately transform designers’ work. Some people call it “pixel perfect website” development.
  • Reduce unnecessary code. It can be done by modularizing code and wisely choosing frameworks and plugins.
  • Be your own project manager. Good planning, developing schedules, tracking progress and paying attention to budgets help me complete projects more smoothly.
  • Think about design and user experience. Though most of the time developers get design files from designers, there are still details that require developer decisions. I enjoy opportunities that allow me to think as a web and UX designer.
  • Continuously improve working processes. I have a habbit of taking notes during projects. I like to update the way I code, my starter themes and working processes. During my last job, I became a big fan of “Kaizen” (Lean In).

What I am Interested in Learning

  • Learn more JavaScript frameworks, such as React.js, Angular.js, and Vue.js.
  • Practice more on Ajax. Use Ajax with a back-end language to create something interesting.
  • Understand more about database like SQL.
  • Understand more about UX design.
colorful folders for web project management

Skills, Technologies & Tools

Front End

  • HTML
  • CSS via SASS
  • JavaScript
  • jQuery
  • Ajax
  • Gulp
  • Vue.js

Back End

  • PHP
  • WordPress theme developement
  • WordPress plugin developement
  • Basic SQL

Web Design

  • Illustrator
  • Photoshop

Others

  • SEO best practice for developers
  • Git/Bitbucket/Source Tree
  • Basecamp
Green plant for office
Rocket launching

Recent Work

Altair Advisors

Type: Custom WordPress Site

Features: HTML5 Video as background, scroll animation, multiple post types, gravity forms

Tandem HR

Type: Custom WordPress Site

Features: HTML5 Video, CSS Animation, Mega menu, multiple post types, gravity forms

Giving Rocks Foundation

Type: Custom WordPress Site with woocommerce

Features: HTML5 Video as background, custom woocommerce shop, separate payment portals for shop and donation.

Newman Architecture

Type: Custom WordPress Site

Features: Random carousel hero images, navigation animation, portfolio gallery, accordion

Please contact me directly for a resume and a full portfolio. Check Github for other projects.
Contact Brooklyn Guan

Contact Me

I am always happy to know more professionals in design, web development industry. Drop me a line!