Ian Yates - Envato Tuts+ Profile

Tutorials

Timeline-Based Animation for the Web with Hype 3
Hype 3, by Tumult, is an OS X application for creating HTML5 animations. If you ever used Flash’s iconic timeline tools, Hype 3’s interface will seem very...
Ian Yates
12 Oct 2015
Web Design
Remix CodePen Challenge: Winners Announced!
One month ago we set you a challenge: to remix an HTML and CSS profile card on CodePen as creatively as possible. A massive 154 of you took part–and today...
Ian Yates
20 Jul 2015
Web Design
The Women of Tuts+ Web Design
Here’s a fun fact: for no particular reason we have more men than women on our instructor team at Tuts+ Web Design, yet our top three tutorials so far in...
Ian Yates
24 Jun 2015
Web Design
CodePen Challenge #3: Results!
Last week we asked you to take part in our third CodePen Challenge: to select your favorite Google font pairs and apply them to some sample content. Over 50...
Ian Yates
14 May 2015
Web Design
CodePen Challenge #3: Favorite Google Font Pairs
Another month, another CodePen Challenge! Last time we asked you to style a signup form and a whopping 68 of you took part. This time we want to see which...
Ian Yates
5 May 2015
Web Design
Sign on the Dotted Line: Finishing Your Animation With Waypoints
In the previous tutorial we animated an SVG signature using CSS. It’s a great effect, making it appear as though the words are being written right there on...
Ian Yates
4 May 2015
Web Design
Sign on the Dotted Line: Animating Your Own SVG Signature
Animating the stroke of an SVG is perfect for simulating handwriting. Over the course of two tutorials we’re going to use CSS animation to make a signature...
Ian Yates
1 May 2015
Web Design
CodePen Challenge #2: Results!
Last week we asked you to take part in our second CodePen Challenge: styling a mailing list sign up form. More than 60 of you took part, offering some really...
Ian Yates
8 Apr 2015
Web Design
CodePen Challenge #1: Results!
Last week we asked you to take part in our first CodePen Challenge (oh, there will be more)–here’s what you all cooked up!
Ian Yates
11 Mar 2015
Web Design
CodePen Challenge #1: Style Section Links with CSS
What better way to run a web design Community Project than on CodePen? In this, the first of such challenges, I want you to check out our example pen, fork...
Ian Yates
4 Mar 2015
Web Design
How to Integrate “No CAPTCHA reCAPTCHA” in Your Website
In this tutorial we’ll introduce Google’s new No CAPTCHA form security, then integrate into a web page using PHP.
Ian Yates
13 Jan 2015
Web Design
How They Did It: Al Jazeera “Beyond the Beach”, Built With Adobe Muse
Adobe Muse is ideally suited for building online media presentations, and nowhere have I seen better evidence of that than Al Jazeera’s “Beyond the Beach”...
Ian Yates
26 Nov 2014
Web Design