Jonathan Cutrell - Envato Tuts+ Profile

Tutorials

How to Create Style Guides for a Specific Audience
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...
Jonathan Cutrell
9 Jun 2014
Web Design
How They Did It: Virgin America’s New Storefront
Today, we're going to talk about how Virgin America changed the average booking experience and made it more approachable and delightful.
Jonathan Cutrell
28 May 2014
Web Design
How to Build a Page Scroll Progress Indicator With jQuery and SVG
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...
Jonathan Cutrell
30 Apr 2014
Web Design
Easier Visual Data in the Browser With Variance Charts
Today, we will be diving into Variance Charts; a unique JavaScript based "grammar of graphics" which provides an abstract, declarative markup style to create...
Jonathan Cutrell
24 Apr 2014
Web Design
Build a Dribbble Portfolio Grid With Flexboxgrid and Jribbble
Flexboxgrid is a new framework which allows you to combine the predictability and common language structure of a grid system with the flexibility and...
Jonathan Cutrell
14 Apr 2014
Web Design
Build a Dynamic Grid with Salvattore and Bootstrap in 10 Minutes
Today, we will use Salvattore in combination with Twitter Bootstrap 3 to make a responsively awesome flowing grid structure.
Jonathan Cutrell
8 Apr 2014
Web Design
How They Did It: Crowdpilot
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...
Jonathan Cutrell
24 Mar 2014
Web Design
How They Did It: Apple’s “Elevating the Expedition”
We're tackling a big one today: Apple’s "Elevating the expedition" iPad marketing page. Apple have taken the concept of target audience very seriously in...
Jonathan Cutrell
11 Mar 2014
Web Design
Three Simple Steps to Higher Output and Greater Creativity
The beginning of a new year is filled with a massive amount of energy and resolve, people setting out to find new ways of thinking and working that can bring...
Jonathan Cutrell
17 Feb 2014
Web Design
Tricks with Flexbox for Better CSS Patterns
In this tutorial I'm going to explain the Flexbox module in CSS. We'll look at what it is, where it came from and how it could revolutionize the way you...
Jonathan Cutrell
11 Feb 2014
Web Design
Creating Friendlier, “Conversational” Web Forms
Web forms are constantly a hot topic when it comes to web design and user interaction. The reasons for this are vast, but one of the more obvious reasons is...
Jonathan Cutrell
27 Jan 2014
Web Design
How They Did It: Typekit's New Homepage
Typekit recently redesigned their homepage with some new services in mind. When Typekit joined Adobe, they set out to bring us a new way to handle fonts on...
Jonathan Cutrell
21 Jan 2014
Web Design