Ian Yates - Envato Tuts+ Profile

Tutorials

CSS Grid Layout and Comics (as Explained by Barry the Cat)
It turns out that CSS Grid is pretty good at laying out online comics, especially if you want your comics to be flexible. In this tutorial we’ll use Barry...
Ian Yates
8 Aug 2017
Web Design
Best Photography Portfolio Themes for WordPress
In this roundup we’ll take a look at some important things to consider when building an online photography portfolio with WordPress. We’ll go over eight tips...
Ian Yates
24 Jul 2017
Web Design
Flipping Image Test
This is a wee test to see if the really shallow, long images get flipped by the CDN or the lazy loading script, or whatever it is.
Ian Yates
20 Jul 2017
Web Design
10 Remedial Design Pointers for Developers
Here’s a situation which may be familiar to you: you’re a developer and you build a prototype to demonstrate something. It works just as you mean it to, but...
Ian Yates
15 Jun 2017
Web Design
How to Create an Informative Map In Perspective with Illustrator
We're going to illustrate a map. A fairly simple directive, but before we go any further we need to establish why we're illustrating it. By illustrating...
Ian Yates
16 Feb 2017
Design & Illustration
How to Build an Off-Canvas Navigation With CSS Grid
Today we’re going to build an off-canvas navigation, using CSS to do the toggling (no JavaScript required) and our good friend Grid to form the page structure.
Ian Yates
15 Feb 2017
Web Design
JotForm 4.0: Mobile Builder, Collaboration and More
JotForm is an online form building service and it’s recently undergone an update. The new UI is easier to use, comes with some new features, and has a ton of...
Ian Yates
2 Feb 2017
Web Design
That Was the Year That Was: 2016 in Web Design
Well, that was 2016–and what a year it’s been! Forget world politics for a moment, let’s gather the crowd, shout it aloud, and look back on what the last...
Ian Yates
21 Dec 2016
Web Design
Quick Tip: Name Your CSS Grid Lines, Just in Case
In any CSS Grid each line has an index number which we can reference to place grid items. However, we can also name each of these grid lines, making it...
Ian Yates
9 Dec 2016
Web Design
Teaching Millions Worldwide: 3,000 Tuts+ Translations Published!
3,000 translations and counting, what a milestone! This post will take a look at the Translation Project, what it’s achieved, and where it’s headed.
Ian Yates
16 Nov 2016
Web Design
Say Goodbye to Multipurpose: 8 Niche Themes for Your CMS
The big sellers of the theme world tend to be very customisable, feature-packed, multipurpose themes. They’re crammed with options to help users tailor their...
Ian Yates
3 Nov 2016
Web Design
Understanding the CSS Grid “Auto-Placement Algorithm”
In this tutorial we’ll look at CSS Grid’s auto-placement algorithm, and how we can manipulate it to change the way it positions our grid items.
Ian Yates
1 Nov 2016
Web Design