About me

Hello! I’m Andrew — I enjoy coding and designing things. I’ve worked professionally in Seattle, WA for the past 5 years. My experience ranges from working as a designer for a boutique design firm to working as a member of a product team for an enterprise software company. I’ve created visual identities for founders and startups, as well as built websites for bloggers and young professionals. I have a traditional background in graphic design but I have tinkered with front-end web development ever since the early 2000's. You can read about how I created this website below.

In my spare time I enjoy wrenching on mountain bikes and riding the trails around Washington. I also enjoy playing guitar, working out, and spending as much time as I can with friends and family. Thanks for stopping by!

How I built this site

I decided to build this site from scratch to sharpen my coding skills and to learn some new front-end web techniques. I went with Jekyll, a static site generator, as the base for building this site. Jekyll itself is pretty simple to setup and use out of the box. It uses Shopify’s Liquid Template Engine for manipulating site data and page structure. I stripped out Jekyll’s default template and started from scratch building my own.

All of my CSS styles are written as SCSS partials. I recently learned about the BEM methodology for naming CSS classes, and have adopted that for all of the components I’ve built on this site. The styles are all written mobile first. To assist with this, I’m using Susy as my grid framework and Breakpoint to handle media queries.

Font sizing was generated using Modular Scale. I’m using the major-third (4:5) ratio for generating the type scale. The type is set with Proxima Nova.

I’m using a jQuery lightbox script called fancyBox for the images on the Miscellaneous page.

This site will continually serve as a sandbox for me to learn and play around with web development techniques, and of course, to showcase my professional work. Check out the source code for this site over on Github!

Contact

Email: andrew@andrewjuarez.com
LinkedIn: linkedin.com/in/andrewjuarez/