Zach Schnackel

Less is more

Mar 9th, 2014

In my previous article, I talked about some of the backend tools that went into my site rebuild; without touching any of the design elements. Being the "creative-type", I ended up feeling like the current design just wasn't up to par with my current taste. What you see now is a good two-weekends of work that I'm pretty happy with.

Old

ZS Labs: Old

New

ZS Labs: New

The current iteration of this site is all about the details. While there may not be a lot of "extra fluff", I focused on subtle animations, clean lines and equal spacing throughout. There's lots of little nuggets to find throughout, so I hope everyone enjoys them.

One area I've always struggled with is coming up with cohesive color palettes. I started with both a light and dark base and then used Sass's scale-color function to keep things complimentary.

Even though I was tempted by Jekyll, I stuck with Kirby as my engine. As always, I used Foundation as the base CSS/JS framework, with HighlightJS for code highlighting. Probably the most exciting part for me was finally finding a use for Verb, a @font-face I picked up a little over a year ago; definitely my favorite now after giving it a go.

The best piece of advice I can give for up and coming developers to seasoned veterans, is to build your own site. Use it as your playground. Experiment, break and rebuild constantly. It's these types of exercises that I truly believe keep you ahead of the curve. Everything on this site might not work perfectly in all browsers, but it's the challenge of perfecting one's work that keeps me excited.

Would love to know everyone's thoughts on the new site!