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
    A Look Back on the Future of Web Design, London 2014Fowd preview
    157 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
    281 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
    306 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
    432 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…
  • Web Design
    Welcome to the New Home of Web Design on Tuts+Webdesignthumb
    39 shares
    Things at Tuts+ are forever changing, but the regular visitors among you will notice a particularly obvious change to the Web Design content; it has a new home!Read More…
  • Web Design
    Quick Tip: Spare a Thought for Vertical Break PointsVertical retina
    185 shares
    I've seen this happen a few times recently, usually on websites with fixed navigation running down the left hand side. They'll have lovely, fluid layouts, which stretch out on wide screens and stack up on smaller devices, but they'll still fall foul of a sneaky break point few people think about. I'm taking about viewport height.Read More…
  • Web Design
    Start Using Quotation Marks the “Correct” WayQ retina
    99 shares
    Quotation marks, speech marks, inverted commas; whatever you call these forms of punctuation, you might well be using them incorrectly. Let’s take a quick look at what’s correct, what isn’t, and what you can do within your CSS to make sure your quotes are properly formatted.Read More…
  • Design & Illustration
    SVG Files: From Illustrator to the WebSvg thumb retina
    562 shares
    Scalable Vector Graphics (SVG) is a vector image format which began life back in 1998. It was always developed with the web in mind, but only now has the web actually started to catch up. There's no denying its relevance today, so let's have a look at the basics of taking SVG from Illustrator to the web browser.Read More…
  • Web Design
    Improve Your CSS Workflow With Hammer for Mac Hammer icon retina
    11 shares
    Hammer for Mac is an application which assists in the development of static websites. It has many features to improve your workflow, but today we're specifically going to take a look at what it can do for our CSS.Read More…
  • Web Design
    30 Ghost Themes and Counting!New ghost roundup retina
    12 shares
    At Envato we're proud of the way we help people learn and earn online, and the launch of the Ghost blogging platform earlier this month has given us another opportunity to do just that. On Tuts+ our Building a Ghost Theme From Scratch series has prompted loads of you to get building and selling. In fact, Themeforest now has no fewer than thirty Ghost themes for sale! Take a look through this roundup and get inspired to turn your own theme-building skills to Ghost.Read More…