• Become an SVG Superhero

    I gave a talk tonight at my local developer meetup on SVG, titled "Become an SVG Superhero". Here are the slides... enjoy! 😀

    Read more

  • Sublime Text Tip: SQLBeautifier

    I don't work with SQL a *whole lot* these days but every once in a while I find myself needing to debug a query gone wrong or at least look at somebody else's query just so I can better understand the code that makes use of it.

    Read more

  • Installing SSL Certs With Certbot On Ubuntu/Apache

    I'm a big fan of the Electronic Frontier Foundation and their initiative to encrypt the the entire web is not only ambitious, but one that I support! If you've never heard of Certbot before, it's an open-source server tool created by the EFF to help site owners install and renew SSL/TLS certificates offered by Let's Encrypt, a CA offering free certificates.

    Read more

  • My Apple II Plus

    Tonight I spent an evening toying around with my vintage Apple II Plus. It brought back a lot of memories for me and I wanted to share a few photos for a bit of old-school fun.

    Read more

  • CSS Radial Gradients

    Radial gradients are very useful in creating attractive web designs and all modern browsers have at least basic support for them now. However, I've always felt a little daunted by their complicated syntax. In this article, we look at the syntax for radial gradients and learn a trick or two about what they can accomplish.

    Read more

  • Responsive Source-Order Shift Technique

    Here's a pretty spiffy layout trick I learned this week. Let's say you find yourself with a two-column layout where you've floated both columns to get them to appear side-by-side. Maybe you've used display: inline-block, but either way you have two columns. This looks great when the viewport is large but once it starts getting a little smaller perhaps you'd like to stack the columns on top of one another.

    Read more

  • How-To: Designing On a Grid

    Designing on a grid is a huge part of making professional-looking, polished websites but to somebody who's never really used a grid before, the very idea can be pretty daunting. Every designer seems to have his or her own special way of actually going about doing it and there's a virtually endless list of special tools, plugins, libraries and methods available that supposedly make the job easier - but you don't need to learn them all to get started!

    Read more

  • CodePen Demos

    I've started tossing little test snippets of front-end code up on CodePen lately. They're mostly just little bits of UI that I need for various projects where I need to build some kind of prototype before I start working on the real thing. CodePen seems like a great spot for these because I usually write a lot of them and they wind up piling up on my hard drive until I can barely find anything when I need it. Here's a couple recent ones I made...

    Read more