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
    Lifelong Education is for EveryonePreview
    527 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
    507 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
    278 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
    216 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
    375 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
    442 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…
  • Web Design
    Build a Dynamic Grid with Salvattore and Bootstrap in 10 MinutesSalvatorre thumb
    385 shares
    Today, we will use Salvattore in combination with Twitter Bootstrap 3 to make a responsively awesome flowing grid structure.Read More…
  • Web Design
    How They Did It: CrowdpilotCrowdpilot thumb
    74 shares
    Crowdpilot's landing page shows off just how simple and awesome SVG is in combination with JavaScript and CSS animations. In this tutorial, you'll learn how to recreate Crowdpilot's diagonal message rotator and curtain, plus we'll talk a bit about "flat" design and what it means to design digitally native elements.Read More…