Jonathan Cutrell
I am the director of technology at Whiteboard, a company based in Chattanooga, TN. I hold a masters degree in Digital Media from Georgia Tech. I'm passionate about building incredibly useful and beautiful things, and inspiring others to do the same through teaching.
Tutorials
  • Web Design
    Understanding CSS Stats: How to Make the Most of the NumbersPre
    309 shares
    Today, we’re going to talk about CSS best practices, specificity and maintainability, plus you’ll learn how to make better use of CSS statistics. Let’s dive in!Read More…
  • Web Design
    How to Use Susy: Superpowered Sass GridsS
    353 shares
    Susy is a powerful set of Sass mixins for building grid-based layouts. We’ll show you the basics of working with Susy in this tutorial.Read More…
  • Web Design
    7 CSS Units You Might Not Know AboutRuler
    1286 shares
    Today, I'm going to introduce you to some CSS tools you might not have known about before. These tools are each units of measurement, like pixels or ems, but it’s quite possible that you’ve never heard of them! Let’s dive in.Read More…
  • Web Design
    How They Did It: Shopify - It’s All About the DetailsPreview
    143 shares
    If you haven't ever heard of Shopify before, perhaps you have taken up residence under a rock. Shopify is one of the most popular services for creating e-commerce solutions online, and they've recently redesigned their front-facing site. Today, we're going to take a look at some of the finer details of the redesign, and talk a bit about how the redesign was achieved. Let's dive in!Read More…
  • Web Design
    Lifelong Education is for EveryonePreview
    594 shares
    Today, I hope to challenge and inspire you to dive headfirst into the world of education, and to not look back for the rest of your life.Read More…
  • Code
    Git, Bitbucket, and YouBitbucket
    508 shares
    With the interest in Git growing when compared to other source code management systems, it's one of the most attractive options from which to choose especially if you're just getting into version control. In this tutorial, we will talk about why you should be using Git regardless of if you are an individual or a part of a team of developers. We'll also teach you how to get started with Bitbucket, a premier repository hosting platform, for free. Read More…
  • Web Design
    How They Did It: StarWars.comSw
    186 shares
    If you haven't watched Star Wars yet, as soon as you finish this article, go watch it. All of it. (Make sure you come back and let us know if you prefer IV-VI, or I-III.)Read More…
  • Web Design
    Recreating the Touch Ripple Effect as Seen on Google DesignGoogle thumb
    525 shares
    Google's new design efforts are vast and justify a significant amount of conversation. But instead of talking about the theory of "Material Design" and the implications of Google's newest efforts, we're going to focus on an interesting technique Google has employed on their Design landing page.Read More…
  • Web Design
    Tips to Help You Properly Mix Text With ImageryLorem
    286 shares
    In this article, we will discuss five different aspects of placing text over images that will help you properly mix copy and imagery.Read More…
  • Web Design
    How to Create Style Guides for a Specific Audience4 logo
    149 shares
    In this article, I'd like to explore some of the audiences you might create a style guide for, and some techniques that you can use to build stronger, more sustainable branding ecosystems.Read More…
  • Web Design
    How They Did It: Virgin America’s New StorefrontVirgin thumb
    378 shares
    Today, we're going to talk about how Virgin America changed the average booking experience and made it more approachable and delightful.Read More…
  • Web Design
    How to Build a Page Scroll Progress Indicator With jQuery and SVGIndicator thumb
    465 shares
    Today we will be looking at a few techniques for displaying scroll progress for users who are reading a page. We will cover two specific techniques you can employ to show scroll progress, and leave you with a toolset to create your own. Let's get started!Read More…