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
    7 CSS Units You Might Not Know AboutRuler
    1282 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
    142 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
    524 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
    282 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
    136 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
    349 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…
  • Web Design
    Easier Visual Data in the Browser With Variance ChartsVariance thumb
    123 shares
    Today, we will be diving into Variance Charts; a unique JavaScript based "grammar of graphics" which provides an abstract, declarative markup style to create what would otherwise be fairly complex charts. Read More…
  • Web Design
    Build a Dribbble Portfolio Grid With Flexboxgrid and JribbbleFlexboxgrid dribbble
    160 shares
    Flexboxgrid is a new framework which allows you to combine the predictability and common language structure of a grid system with the flexibility and simplicity of flexbox. Today, we will walk through the basics of using Flexboxgrid, and use it to build a simple Dribbble feed. Let's get started!Read More…