Clik here to view.
The Future of User Interfaces
We are web designers and developers. As obvious as our work is (we build interactive media applications) there’s a deeper meaning to what we do. We analyze design problems and explore different...
View ArticleClik here to view.
Quick Tip: Don’t Forget the Viewport Meta Tag
I remember my maiden voyage into responsive web design; I’d used a classic grid, wrestled with a flexible layout, and tackled media queries for the first time. Stretching and shrinking the browser...
View ArticleClik here to view.
Build a Modular Dashboard Interface With Pure
Today, we will be making a beautiful, minimal dashboard using Pure (view the project on GitHub), the new mini-CSS module library from Yahoo!. We will be talking about and using some of the principles...
View ArticleClik here to view.
Quick Tip: Name Your SASS Variables Modularly
When working with CSS preprocessors like Sass, Less (or any other programming language for that matter) you’re going be leveraging the power of variables. However, if you spontaneously create your...
View ArticleClik here to view.
Foundation for Beginners: Progress, Alerts, Tooltips and the Elusive Mega Drop
Let’s add to our Foundation skill set by learning how to make use of progress bars, alerts, tooltips and the mega drop which Zurb make use of on their site, but isn’t actually in Foundation. We’ll look...
View ArticleClik here to view.
Pairing Fonts is Like Feeding Children..
When starting a web design project there are a lot of difficult decisions to make, including the classic: selecting fonts. Well executed typography can engage visitors, when they’d otherwise perhaps...
View ArticleClik here to view.
Foundation for Beginners: Joyride, Interchange, Tables and Panels
Let’s further add to our Foundation arsenal by looking at the Joyride plugin, which helps guide users through your sites. We’ll also look at pricing tables, standard tables and interchange; a novel...
View ArticleClik here to view.
Getting Creative With the Google Maps API
You’ve designed a shiny new website; carefully selecting the colors, typography and photographs to perfectly reflect the company’s branding. Then your client asks you to add a map. Sure, you could use...
View ArticleClik here to view.
Welcome to Design School for Developers
Design School for Developers is a tutorial series aimed at helping developers (and those new, or simply interested in designing for the web) to understand more about the techniques and decisions...
View ArticleClik here to view.
Planning a Design Project
Before you start designing, there are several things you should look at first. I always find these extra initial steps help when you eventually do start diving into designing for your next project –...
View ArticleClik here to view.
Adobe Muse: Let’s Build a Website Without Writing Code
This entry is part 1 of 1 in the series Introduction to Adobe MuseMuse is one of Adobe’s Creative Cloud applications aimed at building for the web. It specifically caters for designers with a print...
View ArticleClik here to view.
Tuts+ Premium Mid-Year Sale – 25% off Yearly Subscriptions
2013 is flying past – it’s already July! But there’s still plenty of time left to skill up and really make the most of 2013.Tuts+ Premium has a huge collection of courses, tutorials, eBooks and guides...
View ArticleClik here to view.
Using Content Templates to Get Your Clients Thinking Content-First
Late content causes project delays, and can ultimately stop you from getting paid on time.One of my biggest personal challenges whilst building and growing our digital agency was getting content...
View ArticleClik here to view.
Adobe Muse: Taking Things Further
This entry is part 1 of 2 in the series Introduction to Adobe MuseMoving on from our initial tutorial on Adobe Muse, let’s now look at some extra features it offers. We’ll also examine the way Adobe...
View ArticleClik here to view.
Researching Your Design Project
When working on any project for the web, you should always start by researching as much as you possibly can. To be honest, you can do as little, or as much research as you’re comfortable with, but I...
View ArticleClik here to view.
Retina-Friendly Photoshop Slicing With “Cut&Slice Me”
Adobe Photoshop is constantly evolving; new features are added with each release, while existing features are improved. There is, however, one area which is still quite outdated; the way we slice our...
View ArticleClik here to view.
Fantastic Web Design Courses Available on Tuts+ Premium
Tuts+ Premium courses teach you a single skill from top to bottom, inside out.Currently, more than 15,000 members are sharpening their skills in web design, web development, Photoshop, vector design,...
View ArticleClik here to view.
Adobe Muse: Finishing Off Our Design
This entry is part 3 of 3 in the series Introduction to Adobe MuseLet’s finish off our Adobe Muse project. We’ll begin by looking at a mobile layout, before moving on to the export process which will...
View ArticleClik here to view.
Sketching and Your Design Workflow
Once you’ve finished working with your content – great news! You get to start thinking about the actual design. But not so fast – don’t jump onto a computer straight away.If you talk to designers, most...
View ArticleClik here to view.
Introducing Wireframes to Your Design Process
After sketching, there is one final thing you should work on before starting to design (although, admittedly, this is all part of designing). Wireframing is essentially a visual guide to a website...
View Article