Webdesigntuts+

Win a Ticket to Our New Tuts+ Live Workshop

Joel Bankhead — Thu, 23 May 2013 13:38:36 +0000

We have 5 tickets to give away for our newest Tuts+ Live Workshop, all you have to do is subscribe to our newsletter. Be quick though, this giveaway ends on Monday! We have a superb new Workshop, Introduction to WordPress Plugin Development, starting in a week. This is your chance to win a free ticket! [...]

Quick Tip: Switch Over to Photoshop Swatches

Adi Purdila — Thu, 23 May 2013 12:37:33 +0000

Let’s talk about Photoshop’s swatches panel. This is one of those tools which you may overlook or even intentionally ignore, which is a shame as it’s really powerful! Let me show you how it works compared to your usual color-picking workflow; hopefully I’ll convince you to make the switch.. (S)Watch Screencast Alternatively, Download the video, [...]

Any Old Icon: All Wrapped up!

Ian Yates — Wed, 22 May 2013 15:59:51 +0000

Any Old Icon is complete, 70 icons in all! Thank you to everyone who contributed, you can be proud to have participated in the most random icon set on Earth! For the rest of you, here’s how to download and use the set.. Quick Hat-Tip to Icomoon This really wouldn’t have been so easy to [...]

Learning from Historic Web Archives

Warren Day — Tue, 21 May 2013 15:19:59 +0000

There are a plethora of resources available to aid in your success on the web. From countless analytics and SEO applications, to thousands of articles and reports from our peers. For anyone who runs their own website we can use these resources to improve and fine tune the online experience we give our visitors. One [...]

Dunked: Launched, but Hardly Finished

Mark Southard — Tue, 21 May 2013 08:22:59 +0000

I'm part of the team that has recently launched a web app called Dunked. Dunked is a free simple-to-use online portfolio for creative types. As of May 2013, we are in public beta; continuing to build out features as well as making incremental improvements based on user feedback. In this article, I am going to [...]

Tuts+ Premium Cash Back Offer: 3 Days to Go

Joel Bankhead — Thu, 16 May 2013 14:30:33 +0000

This offer ends soon! Act now and don’t miss out on cash back when trying a monthly Tuts+ Premium subscription. At $19 a month, Tuts+ Premium is fantastic value. But it’s even better when we hand your first $19 right back to you! For a limited time we’re offering $19 cash back to new Tuts+ [...]

Super Simple eCommerce With Gumroad

Cory Simmons — Thu, 16 May 2013 12:22:46 +0000

Gumroad is an insanely easy way to create customizable products and start selling electronic and physical goods within minutes. It’s not meant to be a replacement for all shopping systems, but it can definitely handle selling your music, art pieces, t-shirts, PDFs, and much more. Watch the Screencast Alternatively, Download the video, or subscribe to [...]

Taking the “Erm..” Out of Ems

Ian Yates — Tue, 14 May 2013 16:45:05 +0000

I’m going to make a sweeping statement; pixels have no place in web design. There’s only one reason you’re still relying on pixels – and that’s because you haven’t yet gotten the hang of ems. Let’s change that! Decorative M courtesy of Frances Mcleod – winner of TypeFight #34 Size is Everything When we build [...]

Polishing up Your Creative Process

Sven Lenaerts — Mon, 13 May 2013 13:57:27 +0000

Today we’ll focus on increasing your creative capabilities through an introduction to a couple of creativity techniques. An important key issue to understand is that creativity techniques are not magic tools to increase your creativity as skill. Rather, they act as guides to help you find possible creative solutions for the problem you’re up against. [...]

Jeet Framework; What’s New?

Cory Simmons — Mon, 13 May 2013 08:36:44 +0000

The Jeet framework is growing, so I thought I’d update you on some of the things which have changed or been added recently. Amongst some of the changes you’ll find: Jeet has been ported to SCSS (thanks to Oskar Zamorowski) There’s now an NPM package available (thanks to Gabriel Manricks) Let’s run through installation and [...]

Learn WordPress Plugin Development with Tuts+ Live Workshops

Joel Bankhead — Thu, 09 May 2013 15:58:02 +0000

We are excited to announce a fantastic new workshop led by Instructor Tom McFarlin: Introduction to WordPress Plugin Development Are you an aspiring WordPress developer? Are you ready to take the next step and start building your own custom plugins for WordPress? Our newest Tuts+ Live Workshop is the perfect way to get started! Tickets [...]

Goodbye, Adobe Fireworks

Leigh Howells — Thu, 09 May 2013 11:28:18 +0000

The real world as we all know, is a place of hard knocks, bottom line economics and tough decisions. After one such decision, and a controversial one at that (see the number of comments), Adobe have this week announced that Fireworks, their unique product for web designers, will no longer be developed beyond the current [...]

Filler Content: Tools, Tips and a Dynamic Example

Jim Nielsen — Thu, 09 May 2013 10:29:36 +0000

As designing in the browser becomes more popular (and convenient), the need for helpful design tools is increasing. One set of tools that is becoming quite helpful revolves around filler content. Currently, a variety of resources exist to aid designers who need filler content, whether it be text or images. Because a lot of website [...]

Typographic Readability and Legibility

Jeremy Loyd — Wed, 08 May 2013 12:18:25 +0000

When using typography on the web, there are many things to keep in mind in order to create a page that provides clear access to the content and presents it in a legible way. Typically this can be broken down into two buckets: Readability and Legibility. Readability refers to the way in which words and [...]

The World of UX Anti-Patterns

Sarah Kahn — Wed, 08 May 2013 07:47:51 +0000

As a user of the web, from time to time you may find certain things which are really annoying. Perhaps something about a login form, navigation, or a web application in general, makes it difficult for you to complete a given task. Why has someone designed and built something in this way? The answer is [...]

Try Tuts+ Premium, Get Cash Back!

Joel Bankhead — Tue, 07 May 2013 18:00:33 +0000

Try Tuts+ Premium and get cash back on a monthly subscription. At $19 a month, Tuts+ Premium is fantastic value. But it’s even better when we hand your first $19 right back to you! For a limited time, we’re offering $19 cash back to new Tuts+ Premium monthly subscribers when signing up via PayPal. If [...]

Designing a Modular User Interface Kit in Photoshop

Suhail Dawood — Mon, 06 May 2013 11:32:42 +0000

The role of Photoshop in web design is becoming more modular. Instead of composing a pixel-perfect layout of an entire web page, it’s perhaps more sensible these days to concentrate on general styles, color schemes and specific interface elements. Today we’ll be looking more closely at designing UI elements, pulling together our own UI kit [...]

Fireworks in the Real World: Vectorise All the Things

Leigh Howells — Thu, 02 May 2013 18:18:35 +0000

This is the last episode during which I’ll be going over generic tools and capabilities, but it’s simply not possible to go any further without covering the vector tools within Fireworks! Vectors are becoming increasingly relevant in web design; pixels are less reliable than they were just a couple of years ago and designs are [...]

Intellectual Creative Block

Sven Lenaerts — Thu, 02 May 2013 14:52:26 +0000

Beating any form of creative block is difficult, but hopefully this creativity session has helped so far. Today, we’ll conclude our coverage of creative block, discuss some creativity techniques and prepare ourselves for becoming more creative. Rehearsal Before we look at the final type of creative block, let’s first summarize the content in the session [...]

Create a Quick, Sticky Menu

Erol Mujak — Tue, 30 Apr 2013 12:12:06 +0000

During this quick tutorial we’re going to implement a sticky menu with CSS, toggling its visibility with jQuery. It’s the perfect way to give visitors social links, additional places within a network of sites, or even personalize settings. Step 1: Setting up the Page Let’s start out by making a basic HTML page. We’ll load [...]