Brandon Jones
N/A
Tutorials
  • Web Design
    Don't Make Me Think: Free Chapter + Book Giveaway Contest!Thumbnail
    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.Read More…
  • Web Design
    Magento Theme Design & Development: Free Chapters + Book Giveaway Contest!Thumbnail
    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.Read More…
  • Web Design
    Create and Code Your Own Juicy Tag Cloud!Tags thumbnail
    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!Read More…
  • Web Design
    Readers' Poll! What Do You Charge?Readerspulse
    3 shares
    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?Read More…
  • Web Design
    ShutterPress: Design & Code A Photo Portfolio Site (Day 3: HTML/CSS)Sp thumb
    3 shares
    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!Read More…
  • Web Design
    ShutterPress: Design & Code A Photo Portfolio Site (Day 2: Slicing & Code Prep)Sp thumb
    2 shares
    I'm a huge fan of photo-centric site designs... so today I'm excited to launch a new "complete site" tutorial that's geared towards photographers, illustrators, and other visual creatives. In Day 1, we designed the template in Photoshop using some special tricks and techniques. Today, in Day 2, we'll walk through the final design phase and then do some "pre-flight" preparation for the coding phase, which we'll go over in detail in Day 3. In Day 4, we'll show you how to create three completely different sites using the same raw HTML.Read More…
  • Web Design
    ShutterPress: Design & Code A Photo Portfolio Site (Day 1: Design)Sp thumb
    5 shares
    I'm a huge fan of photo-centric site designs... so today I'm excited to launch a new "complete site" tutorial that's geared towards photographers, illustrators, and other visual creatives. In Day 1, I'll be designing the template in Photoshop using some special tricks and techniques. In Day 2 we'll walk through "pre-flight" preparation for the coding phase, which we'll go over in detail in Day 3. In Day 4, we'll show you how to create three completely different sites using the same raw HTML. Ready to get started? Let's do this!Read More…
  • Web Design
    Create Your Own Sexy Background Patterns (Part 4: Synthetic Fiber)Createyourown patterns 4 thumb
    1 shares
    Ever wondered how to create perfect, seamless background patterns that work on Photoshop and on the web? Look no further because today we're going to break it down for you - step by step. You'll be creating your own background patterns in no time!Read More…
  • Web Design
    Reader's Poll! How Do You Code Designs Into HTML/CSS?Readerspulse
    We recently made the big announcement that we'll be publishing PSD > HTML tutorials here on Webdesigntuts, which has prompted a bit of debate over most web designers are coding nowadays. There are actually a wide number of options that any web designer/developer has to pick from: Dreamweaver, Coda, and Notepad++ are just a few of the options...Read More…
  • Web Design
    Site News: PSD > HTML Tutorials Coming to Webdesigntuts!Wdtuts site news
    5 shares
    Big site news! We've been getting lots of requests for PSD > HTML conversion tutorials lately... so after quite a bit of behind-the-scenes debate, we've finally decided to try out some fully coded tutorials here on Webdesigntuts!Read More…
  • Web Design
    Create A Simple User Interface Kit From Scratch (Themeroller + FW Phase!) Preview ui kit coding
    6 shares
    Last week, we took a look at how to create a simple user interface kit in Photoshop as a way to expedite work in some of your web design projects. We got a lot of requests for how to make the elements functional, so without further delay, here's the followup tutorial that you guys requested!Read More…
  • Web Design
    The Culture of Typography on the WebPreview typography 1
    Designers on the web have had a notoriously tricky time with typography. For one, most web designers aren't trained as "typographers" the way that most traditional graphic designers are. Another reason is that typography on the web just hasn't been around for more than about 15 years... and most of us haven't been designing for even half of that time.Read More…