Thanks to the fine folks at Google, I was able to use two absolutely fantastic fonts on this website free of charge (until my interpretive dancing career launches me & my pageviews into international superstardom, that is). The wonderful Montserrat is used for all headings & navigation links. The text you’re reading right now is set in gorgeous Merriweather. The very few icons I use are provided by the deservedly-ubiquitous Font Awesome.
Languages & Plugins
Preprocessors and temlpates made writing this website way less of a hassle. Sass handles my CSS (I prefer the SCSS syntax), and allows me to use the BEM naming method with ease. Jade’s robust templating engine was indespensible. I use jQuery because typing
document.getElementByClassName over and over is annoying & avoidable. jQuery Color analyzes my theme colors and makes the text on top of them readable. My images are responsive using
img with the
sizes attributes, with Picturefill providing support for most current/older browsers. The typing effect on my landing page was created using TheaterJS.
These little tools & guides made this website better. Gridlover automagically creates CSS rules to give your type a nice vertical rhythm. Adam Kaplan’s How to Grid made sure the site looked great on all devices & lended a hand in creating my simple grid. Erik Flowers's article that breaks down how the Bootstrap 3 grid works got me the rest of the way there. SVG Optimiser optimizes SVGs. Favic-o-Matic takes an icon and spits out all the necessary code & images for your favicon to look great on any device. I used FlatUIColors for some of my theme colors. Stack Overflow is always there for you when your code just refuses to work. All header photos used were either taken by me or scanned from old LIFE magazines. The sole exceptions are Sesame Street& Yellow Beer Foamfor Lenny’s Burger & Bell’s Brewery, respectively.
Coffee, Beer & Mexican Food
The real heroes.