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
    Quick Tip: Give Orman's Navigation the :target TreatmentPreview
    22 shares
    We recently published a great tutorial which built Orman Clark's vertical navigation menu into a flexible, jQuery powered accordion. It's actually possible to get the whole thing working without leaning on jQuery at all, and is the perfect chance to play with the CSS :target selector.Read More…
  • Web Design
    Web Design Workshop #2: Umbrarum RegnumPreview
    10 shares
    Web Design Workshop is our weekly community project where we ask readers to submit their work for your friendly, constructive criticism. It's the perfect way to learn, offer opinions and have your own work critiqued!Read More…
  • Web Design
    A Simple, Responsive, Mobile First NavigationMenu
    98 shares
    We're going to build a simple, responsive web site navigation. Our solution will help us place emphasis on the content of our page, arguably the top priority when designing for mobile. There'll be no JavaScript involved, and we'll tackle it from a Mobile First approach.Read More…
  • Web Design
    Readers' Poll: Do You Use Boilerplates in Your Projects?Readerspulse
    3 shares
    During the last year we've seen more and more Boilerplates cropping up to save you time when kicking off a new web project. Do you use them? Do you have a favorite? Have you tried, but find your own bespoke setup more efficient? Let's hear what you have to say about them..Read More…
  • Web Design
    Web Design Workshop #1: Nomus Landing PagePreview
    8 shares
    Web Design Workshop is our weekly community project where we ask readers to submit their work for your friendly, constructive criticism. It's the perfect way to learn, offer opinions and have your own work critiqued!Read More…
  • Web Design
    Workshop Case Studies Wanted!Preview1
    8 shares
    We're big believers in community engagement at Envato, and you'll soon see a new kind of community interaction appearing on Webdesigntuts+. We're going to begin a long-term series of posts, Workshops where you'll be given the chance to voice your opinions and offer advice. Find out how to get involved after the jump!Read More…
  • Web Design
    "Mobile First" Book ReviewPreview mf
    12 shares
    We all know it; the A Book Apart publications are a joy to behold, and read. Mobile First by Luke Wroblewski is no exception. Read on for my thoughts on the book..Read More…
  • Web Design
    Quick Tip: Perfectly Positioned PlussesPreview
    7 shares
    Ever seen those thumbnails which, when hovered over, reveal an icon in the middle to suggest what's about to happen? Ever wondered how the effect is achieved? Ever tried, but didn't manage to get the icons dead center, especially when your thumbnails weren't of fixed dimensions? Then this Quick Tip is for you..Read More…
  • Web Design
    Weekend Presentation: Typographic Design in the Digital DomainPreview
    23 shares
    We ended the week in a very typographic mood, so let's continue in that vein. In this short film Erik Spiekermann talks with Elliot Jay Stocks about how typography is used in the digital domain and what digital designers can learn from traditional print techniques.Read More…
  • Web Design
    Weekend Presentation: 29 Ways to Stay CreativePreview
    65 shares
    This is a quick inspirational video made by motion graphics ninjas To-Fu Design. If you're facing designer's block, or simply need to flush your brain, these 29 tips will remind you how to stay creative. Number 29 is very true :)Read More…
  • Web Design
    Quick Tip: Encourage Responsive Form Elements to Play NicePreivew
    4 shares
    Last weekend I downloaded Dave Gamache's Skeleton boilerplate to have a play with; good, clean, responsive fun. When it came to the form design I was reminded of an issue which can affect inputs in flexible layouts: misbehaving widths. If you've ever had the same problem, or have never been aware of it, read on..Read More…
  • Web Design
    The State of Web Design Trends: 2012 Annual Edition Preview
    47 shares
    As Ferris Bueller famously said "Life moves pretty fast; if you don't stop and look around once in a while, you could miss it". Let's heed his sage advice and take a moment to look around some web design trends we witnessed in 2011.Read More…