Brandon Jones is the old Wptuts+ Editor. From sunny Southern California, Brandon has been designing, drawing, photographing, and coding the world around him for the past several years. Not content to pick one media and stick with it has left Brandon with a broad range of talents that have allowed him to work on projects ranging from grungy digital art kits to Fortune 500 software prototyping. He loves design, but even more, he loves the passion and creative spirit that embodies the design community. Check out Brandon's work at ThemeForest.
Today we’re going to examine the “F Pattern Layout”. Rather than trying to force the viewer’s visual flow, the F-Layout gives in to the natural behaviors of most web surfers and it uses scientific studies to back it up. This tutorial will walk you through the principles of the F-Layout, why it works, and how you can create your own.
(Continue)
Visual hierarchy is one of the most important principles behind effective web design. This article will examine why developing a visual hierarchy is crucial on the web, the theory behind it, and how you can use some very basic exercises in your own designs to put these principles into practice.
(Continue)
Yesterday we looked at the top 15 tips that anyone creating an image based portfolio should keep in mind. Today, we’re going to roundup some of the best portfolio sites on the net in a massive visual extravaganza. Ready to be inspired? Grab a notebook and get ready to take some notes.
(Continue)
Last week we ran a fun little book giveaway contest with our readers that went so well, we’re doing it again with another book. This time we’ve got a special for you from the team at Peachpit Publishing. They’re offering up a free PDF chapter from the iconic, “Don’t Make Me Think: A Common Sense Approach to Web Usability”, for all of our readers. Plus, they’re giving away a full hard copy (or e-copy) of the book to 2 lucky winners who retweet this post! Read on for the full free chapter download and contest details.
(Continue)
Today we’ve got a special treat for you from the team at Packt Publishing. They’re offering up two free chapters from two of their popular Magento Design & Development Books. Plus, they’re giving away a full copy of each book to 2 lucky winners who retweet this post! Read on for the excerpts and contest details.
(Continue)
Today we’re firing it up with a tutorial on how to design and code your own juicy tag cloud using Photoshop, CSS, and a few tiny images! We’ll be using the age-old sliding doors technique, but we’ll include some advanced CSS selector methods towards the end in case you want to push the envelope and use this inside WordPress. Ready, set, go!
(Continue)
Guess what? For the entire month of June, we’ve slashed prices at our premium Tuts+ marketplace by as much as 80%! As your local car dealer would say: “These prices are insane!!!” What yesterday would cost you $5, today costs you $1. A buck! So mosey on over and check it out!
(Continue)
Settings your hourly rates as a web designer can be on the the most difficult (and important) decisions that you make… especially when you’re just starting out. We’re about to launch a couple articles on the topic of pricing out web design projects, but we’d like to hear from you first! What hourly rates are you charging?
(Continue)
Today we’re continuing the tutorial series for creating the ShutterPress design by converting it from a raw PSD to a functional website using HTML and CSS. By now, we’ve created the initial site design and gathered the required assets for coding. Now we’re going to actually code it so it’ll work in all major browsers!
(Continue)
You know an amazing web design when you see it… but what really makes it work? This session is dedicated to a series of essays, articles and tutorials on the topic of understanding the theory behind great website designs.
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Webdesigntuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
Follow Webdesigntuts+ and Tuts+ on Twitter