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

    17 lessons, 3 hours
    $15
  • Web Design

    Responsive Web Design for Beginners

    19 lessons, 3.6 hours
    $15
  • Design & Illustration

    Character Design

    13 lessons, 1.9 hours
    $15
  • Web Design

    Introduction to Web Typography

    11 lessons, 1.9 hours
    $15
  • Web Design

    30 Days to Your First Website Design

    31 lessons, 4.7 hours
    $15
Tutorials
  • Web Design
    Quick Tip: Fewer Nodes = Lighter SVGPreview
    91 shares
    Recently I found myself playing about on the snap.svg site (take a look if you haven't used it yourself yet). It has a really nice SVG polygon background on the header, which weighs in at a meagre 2.2Kb. I decided to try and make it smaller.Read More…
  • Web Design
    How They Did it: SnoValuation, Built With Adobe MuseSnow preview
    77 shares
    How do professionals use Adobe Muse? I took ten minutes to ask Robert Tait, the man behind 910Zen's SnoValuation, about his Adobe Muse workflow.Read More…
  • Web Design
    The Ultimate Adobe Muse Resource CollectionMuse preview
    105 shares
    You may be new to Adobe Muse, but there's a busy and vibrant world of Muse content, articles, tutorials, inspiration, experts and tools already out there! This roundup will put the most useful Adobe Muse resources at your finger tips.Read More…
  • Web Design
    A Simple Responsive Grid, Made Even Better With SassGrid preview
    255 shares
    In this tutorial we're going to build a simple, responsive grid system using CSS. Once we're familiar with how it works, we'll improve it with Sass, learning some core Sass features along the way.Read More…
  • Design & Illustration
    Tips for Getting a Web Design from Illustrator into the BrowserThumb
    191 shares
    Scenario: someone hands you an Illustrator document with their latest web layout and it's your job to convert it into working HTML and CSS. How do you do that? Let's take a look.Read More…
  • Web Design
    10 Popular Unbounce Themes Designed for ConversionUnbounce thumb
    105 shares
    Unbounce templates have been enjoying growing success on Themeforest since the category was launched a couple of months ago. In this quick roundup, we highlight some of the best, demonstrating perfectly how to design landing pages for conversion.Read More…
  • Web Design
    A Look Back on the Future of Web Design, London 2014Fowd preview
    159 shares
    Wow, my brain's full. I recently spent two days at Future of Web Design in London and, over a week later, I'm still having trouble wiping this massive smile off my face.Read More…
  • Web Design
    Community Project: The Tuts+ Illustrator Wireframe KitWireframe thumb
    323 shares
    Calling all community members! We have a little project for you to take part in! We're compiling a wireframe kit for Adobe Illustrator, built by you, the Tuts+ community. Read on to see how you can take part.Read More…
  • Web Design
    Impress Your Visitors With a Web 2.0 Hit CounterCounter thumb
    307 shares
    If there's one way to show off how successful your site is, it's by letting your visitors know how many others have been there before them. Let's furnish a web page with a hit counter!Read More…
  • Web Design
    A Quick Q&A With Jason PamentalJason thumb
    84 shares
    Jason Pamental has been working the web for a long time; so long in fact, he's even used something called "Netscape". This experience, coupled with his passion for responsive design and web typography (amongst many other things) have made him a familiar face on the speaking circuit. I caught up with him, shortly before he heads to London for the Future of Web Design, and fired a few questions his way.Read More…
  • Design & Illustration
    10 Tips for Building Wireframes With IllustratorPreview wireframe
    438 shares
    Adobe Illustrator is experiencing a come-back in the world of web design. Not only is SVG becoming commonly used online, but more and more designers are using vectors for wireframing. The following tips will help you make the most of Illustrator as a wireframing tool.Read More…
  • Web Design
    Limited-Edition Tuts+ Tees!Shirt preview
    78 shares
    To celebrate the full launch of the new Tuts+, we're giving you the chance to buy a limited-edition Tuts+ t-shirt featuring a bespoke design by our very own Jacob Zinman-Jeanes.Read More…