Jonathan Cutrell - Envato Tuts+ Profile

Tutorials

Recreating the Touch Ripple Effect as Seen on Google Design
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...
Jonathan Cutrell
14 Jul 2014
Web Design
Tips to Help You Properly Mix Text With Imagery
In this article, we will discuss five different aspects of placing text over images that will help you properly mix copy and imagery.
Jonathan Cutrell
8 Jul 2014
Web Design
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