Web Design Workshop #23: Luke Whitehouse
Web Design Workshop is our regular 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...
View ArticleWeekend Presentation: SMACSS
One of the speakers I met up with at the Smashing Conference this month was Jonathan Snook, talking about his SMACSS (pronounced “smacks”) approach to stylesheet organization. In this quick video on...
View ArticleQuick Tip: Using Web Inspector to Debug Mobile Safari
Building and debugging websites and web applications for mobile devices can be a hassle. On the desktop we have powerful debugging tools; most browsers have a web inspector of some kind. But we don’t...
View ArticleTuts+ Live Workshop: 16 Hours of Live Photoshop Training for $99!
Today, we are excited to announce Building a Career Around Photoshop, a live online workshop that will help you take your Photoshop knowledge and skill to the next level.Attendees can join in each...
View ArticleThe What, Why and How of Data URIs in Web Design
Let’s look at improving your site’s performance by reducing the number of HTTP requests it makes. We’re going to take advantage of a technique known as the data URI scheme; encoding both images and...
View ArticleThe Basics of Great UX
To the benefit of software and applications everywhere, UX has become an increasingly important step in the Software Development lifecycle. Even though UX is a slightly surreptitious layer of design,...
View ArticleBest of Tuts+ in September 2012
Each month, we bring together a selection of the best tutorials and articles from across the whole Tuts+ network. Whether you’d like to read the top posts from your favourite site, or would like to...
View ArticleCommunity Project: Description List Results!
Nice work people! Loads of you have gone away and experimented with styling a straight-forward Description List – take a look at the results..The ChallengeI asked you all to style this markup.....
View ArticleA Beginner’s Guide to Wireframing in Omnigraffle
Omnigraffle is a tool that can be use for many purposes, but today we'll explore how to use it for wireframing. I've used all kinds of applications for wireframing and, while it’s not perfect,...
View ArticleTwitter Bootstrap 101: Customize
This entry is part 8 of 8 in the series Twitter Bootstrap 101Built into Twitter Bootstrap’s documentation is a handy Customize page, which provides a quick way to implement a custom color scheme,...
View ArticleHarnessing Social Media for Rapid Usability Testing
There are many ways of performing usability tests – all of which will get you feedback, allow you to make alterations and gradually iterate until you have a solution. But these methods often take time....
View ArticlePersonalizing Social Media: YouTube
Let’s take a look at personalizing and branding social media sites. Our focus is going to be branding consistency and by the end of this series, you’ll have a consistently branded social media presence...
View ArticleQuick Tip: Easy CSS3 Checkboxes and Radio Buttons
Ever wondered how to style checkboxes and radio buttons, but without JavaScript? Thanks to CSS3 you can!Step 1: Understanding the ProcessRecommended Reading: The 30 CSS Selectors you Must MemorizeFor...
View ArticleWeb Design Workshop #24: Julien Lambé
Web Design Workshop is our regular 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...
View ArticleWhy You Should Add Authorship Information to Your Website
Authorship information is becoming increasingly important. It’s easy to implement and it can give your website a real boost in exposure. In this article we’ll discuss why and how you should implement...
View Article8 Lessons to Help Web Designers Educate Their Clients
When running a web design studio, it’s important to remember that your clients are the heart and soul of your business. The type of clients that you choose to work with says a lot about you (or your...
View ArticleHow They Did It: Build Windows
Today, we’ll dive into the Build Windows site and look at the practical code philosophies, tools, and strategies used by this highly trafficked, highly praised conference landing page. We’ll get into...
View ArticleBuild a Responsive, Filterable Portfolio, with CSS3 Twists
The inherent visual appeal of filterable portfolios (like the Tuts+ hub) has made them very popular. Today, we’ll be making one using stright-forward markup, CSS3 and a little bit of jQuery.Step 1: The...
View ArticleResponsive Pricing Tables Using :target for Small Screens
Pricing tables can be a very effective means of displaying information and helping users differentiate the options available to them. Ultimately, pricing tables can convert passing visitors into...
View ArticleWeb Design Workshop #25: Creative Thien
Web Design Workshop is our regular 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...
View Article