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.
Tutorials
  • Web Design
    Web Design Glossary: What is “Affordance”?Affordance
    265 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
    123 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
    47 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
    92 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
    343 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
    198 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…
  • Design & Illustration
    25 Popular Translated Design & Illustration TutorialsTranslations
    177 shares
    For the past few months we (and when I say “we” I mean the amazing Tuts+ community) have been translating tutorials across the Tuts+ network. So far we have well over 300 translations in nearly 30 languages! Here are some of the most popular examples from Tuts+ Design & Illustration.Read More…