Fonts

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.

Software

Making this website truly would be impossible without the folks who make these programs. Adobe is king in digital imaging software for a reason (their products are amazing). Sublime Text is, of course, an insanely great text editor (the version 3 beta is already silky smooth – the final version must be incomprehensible). It’s extensibility has saved me headaches thrice-over, so thank you to all the Package Control & extension developers. I let Prepros handle all of my preprocessor, template, and Javascript concatenation/minification/compiling needs. Filezilla is how this file got from my computer to your eyeball.

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 srcset & sizes  attributes, with Picturefill providing support for most current/older browsers. The typing effect on my landing page was created using TheaterJS.

Tools

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 StreetYellow Beer Foamfor Lenny’s Burger & Bell’s Brewery, respectively.

Coffee, Beer & Mexican Food

The real heroes.

get in touch