Ian Yates
My name's Ian and I'm editor of Web Design content at Tuts+. Ask me anything you like about web design… I'll find someone who knows the answer.
Courses
  • Web Design

    Building Static Websites with Hammer for OS X

    3 hours
  • Web Design

    Responsive Web Design for Beginners

    3.6 hours
  • Design & Illustration

    Character Design

    1.9 hours
  • Web Design

    Introduction to Web Typography

    1.9 hours
  • Web Design

    30 Days to Your First Website Design

    4.7 hours
Tutorials
  • Web Design
    Sign on the Dotted Line: Animating Your Own SVG SignatureSig 1
    123 shares
    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 neatly appear to be written, as though you’re signing the page yourself.Read More…
  • Web Design
    Web Design Glossary: What is “Affordance”?Affordance
    140 shares
    The term “affordance” is one you’ll hear often in the world of web design. It regularly appears in tutorials on Tuts+ too, so this article will serve as a definition just to clear up any doubts.Read More…
  • Web Design
    CodePen Challenge #2: Results!Codepen challenge 2
    122 shares
    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 diverse ideas–here’s what you all cooked up!Read More…
  • Web Design
    CodePen Challenge #2: Style a Signup FormCodepen challenge 2
    106 shares
    It’s time for another CodePen Challenge! This time I want you to show us what you can do to a simple signup form. That’s all. The best examples will be showcased in a week or so!Read More…
  • Web Design
    CodePen Challenge #1: Results!Codepen challenge 1
    46 shares
    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!Read More…
  • Web Design
    CodePen Challenge #1: Style Section Links with CSSCodepen challenge 1
    98 shares
    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 it and improve it. That’s all you have to do. The best examples will be showcased next week!Read More…
  • Web Design
    The Manual, Everywhere (and Now on Tuts+ Too!)Manual
    84 shares
    We have a brilliant new addition to the Tuts+ bookshelves: The Manual, available in eBook formats to all Tuts+ subscribers! Read on to find out more.Read More…
  • Web Design
    How to Integrate “No CAPTCHA reCAPTCHA” in Your WebsiteRobot
    340 shares
    In this tutorial we’ll introduce Google’s new No CAPTCHA form security, then integrate into a web page using PHP.Read More…
  • Web Design
    Community Project: Responsible Redesign for the New YearPreview
    266 shares
    The beginning of a new year is always a classic time to make changes and fresh starts, both in our personal lives and at work. The beginning of 2015 is the perfect time to get responsible, so let’s do so as a community! We’re asking you to improve your website and share the results.Read More…
  • Code
    40+ Popular Translated Code Tutorials and ArticlesTranslations 1
    190 shares
    The Tuts+ Translation Project is going full steam ahead–every day we receive new submissions, requests and ideas, in all kinds of languages! Find out how to get involved at the bottom of this post, but in the meantime here are some of the most popular translations from Tuts+ Code.Read More…
  • Web Design
    How They Did It: Al Jazeera “Beyond the Beach”, Built With Adobe MusePreview
    163 shares
    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” documentary. I recently chatted with Konstantinos Antonopoulos, Interactive producer at Al Jazeera English, and asked him about the processes involved in the build.Read More…
  • Web Design
    How to Use JotForm’s Form Design ToolFormdesigner
    82 shares
    JotForm is a form building service; it allows you to build and host your forms on their platform, then slot them into your webpages however you like. Today we’re going to take a sneaky look at its form design tools, which are currently in beta.Read More…