Brandon Jones
I'm Brandon! Web design speaker, author, former editor for Tuts+, and dad of 3!
Tutorials
  • Web Design
    Ordering Disorder: Grid Principles for Web Design (Free Excerpt + Discount Code!)Preview thumb grid design
    1 shares
    Today I've got a special treat for all of you grid lovers out there! Khoi Vinh (one of the leading authorities on typographic grid systems in web design) and Peachpit have agreed to let us publish an excerpt of Khoi's new book on grid design: Ordering Disorder: Grid Principles for Web Design. In this excerpt, he'll outline the principles that every designer should keep in mind when designing a website on a grid.Read More…
  • Web Design
    Create A Simple User Interface Kit From Scratch (Free PSD Included!)Preview uikiot
    In today's tutorial, we're going to walk you through how to create your own simple UI kit from scratch. We'll create the basic building blocks that you can use in just about any web project, including: text fields, focus fields, select fields, scrollbars, loaders, checkboxes and radio buttons. Enjoy!Read More…
  • Web Design
    Freelance Confidential: Now Available!Preview
    We’re very proud to announce the release of Freelance Confidential, Rockable Press’s newest book on freelancing. This book aims to provide the hard numbers on the biggest issues of freelancing and advice on how experienced freelancers can improve their business. More than just another single person’s view on freelancing, Freelance Confidential contains contributions from the Editor of FreelanceSwitch, Amanda Hackwith, a panel of 10 expert entrepreneurs, and 3,200 freelancers worldwide.Read More…
  • Web Design
    Site News: SXSW, Facebook Bonus Tuts, Contests, and More!Wdtuts site news
    It's been a while since we released some site news for Webdesigntuts, but we've been busier than ever so it's time to check in!Read More…
  • Web Design
    Weekend Lecture Series | Seth Godin: Why are so many things broken?Video lecture
    Just because you didn’t get to go to that awesome conference doesn’t mean that you can’t still watch the lectures! Each weekend, we’ll feature a recommended web design related lecture on Webdesigntuts+. In this weekend’s talk, we've got a great video featuring one of my favorite thinkers, Seth Godin, explaining all about why things are broken.Read More…
  • Web Design
    Exclusive Freebie! The Aristocracy Web Icon Set Aristocracy icons thumb
    Today we've got a special little treat for all of you icon junkies out there! The Aristocracy Icon Set includes 30 free web icons, perfect for dropping into any web design project you've got. Grab them while they're hot!Read More…
  • Web Design
    Create Your Own Sexy Background Patterns (Part 3: Carbon Fiber)Thumb carbon fiber
    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…
  • Code
    Code Your Own Juicy Tabbed Slider (using the Nivo Slider)Preview tabbed slider
    13 shares
    A week ago, on our sister-site, Webdesigntuts+, we showed you how to design a "Juicy Tabbed Slider" in Photoshop. Today we're going to show you how to actually code it in a few quick steps. No heavy CSS or Javascript knowledge required - promise! We'll be using the popular Nivo Slider to handle the animation, so let's dig in!Read More…
  • Web Design
    Create Your Own Sexy Background Patterns (Part 2: Noise Patterns)Thumb webpatterns 2
    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
    Create Your Own Sexy Background Patterns (Part 1: Pattern Basix)Web patterns
    7 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
    Create Your Own Juicy Tabbed Slider (Free PSD + Coding Update!)Preview tabbed slider
    Update: Coding tut now available! Today we're going to walk you through how to create your own "juicy tabbed slider". This is a great way to add some extra depth and dimensionality to your own designs - and it's the perfect solution for an image slider!Read More…
  • Web Design
    Review: The Smashing Book 2 (Plus a Free Excerpt!)Preview
    The Smashing Book 2 is here, from our friends over at Smashing Magazine. The good news is that it's a huge improvement over the first version. The bad news is that you'll have to buy your own copy 'cuz I ain't giving mine away! Ready for a review? Dig in good friends...Read More…