Get $500+ of the best After Effects files, video templates and music for only $20!
Welcome Aboard Webdesigntuts+!

Welcome Aboard Webdesigntuts+!

Today we’re extremely proud to launch Webdesigntuts+, the 10th member of the Tuts+ family. Though we have a long history of publishing excellent web design content, Webdesigntuts+ is our first site completely dedicated to this topic – one which we’re very passionate about.

If you’re tired of the endless round-ups and lists circulating on web design blogs, we hope Webdesigntuts+ will offer a refreshing change. We’ll be publishing in-depth tutorials on designing complete interfaces and UI elements, coupled with in-depth articles on web design theory, workflow and strategy.

Better yet, we’ve recruited Brandon Jones (epicera), an industry veteran and ThemeForest top-selling author, to helm the site and make sure it’s the best web design blog around!

Coupled with Nettuts+, we’ll be serving up a one-two punch of code and design education.


Bio: About the Editor

From sunny Southern California, Brandon Jones 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, Brandon has developed a broad range of talents which have allowed him to work on projects ranging from grungy digital art kits to Fortune 500 software prototyping.

With a strong background in graphic design, digital illustration, and user interface design (as well as a smattering of front-end programming languages), Brandon has had the opportunity to work with a variety of award winning studios through his young career. He also has a background in communications and marketing. He has attended a number of colleges in Southern California, but counts himself as a largely self-taught and self-motivated designer with a desire to play a larger role in the design community. He is currently a student in the Cal Poly Pomona Design Department where he is finishing a new degree in Graphic Design & Art History.

Brandon Jones is currently the second highest-selling author on ThemeForest, Envato’s marketplace for buying and selling website themes.


Wishlist: What Do You Want to See?

Is there a topic you’re dying to see covered well? A designer we should ask to write for us? Is there something you definitely don’t want to see on Webdesigntuts+? Leave a comment and let us know your requests. Every suggestion will be read by the Webdesigntuts+ Editor.

Visit Webdesigntuts+

Add Comment

Discussion 52 Comments

  1. GaVrA says:

    Good luck and welcome Webdesigntuts+!

  2. John says:

    Awesome!

    I would love to see from Concept to PSD, and Color Theory made Easy! Maybe you could do a “From Scratch” series about starting with a client, taking them through concept, wire frames, and then comps.

  3. Danielson says:

    I would love to see a tut about web site design with Fireworks

  4. I would like to see rock star tutorials on HTML5 and CSS3, design of user interfaces, a few splashes of color theory, and rounded off with modern page layouts coupled with navigational best practices.

  5. Awesome! This will be a great addition to the Envato network. You should really consider design from a programmer’s perspective, since some places still combine the two jobs due to budget cuts.

    • Jiew Meng says:

      I agree. Ideally, Design & Development should be separate, but that is not so in the real world.

      • Alan says:

        Getting stuck working with sites designed by programmers makes me want to kill myself sometimes. I don’t understand how people who are apparently very good with mathematics can be so blind to visual mathematics.

  6. leo rapirap says:

    Great! something to look forward to. I would love to see Adobe AIR/Flex Tutorials!

  7. sam says:

    how does this vary at all from the already-existing nettuts?

    • Ian says:

      Because it is going to be specific to web design rather than web development. Nettuts+ is currently both design and development, so they’re moving the design part to webdesigntuts+ and reserving nettuts primarily for development.

  8. arnold says:

    yay I would love to see yet another PSD tutorial :( (not again) , just kidding…
    seriously wedesigntuts, I would love to see someone that uses Fireworks , Fluid design websites, handling typography well , something different nowadays which is helpful in real projects.

  9. Ciwan says:

    I hope this site on the Tuts Network can fill the gap.

    On all current networks, you don’t see much Web Design Layout (i.e. actual sites built in PS then turned to HTML & CSS).

    I hope this new sites concentrates fully on that. I am not very creative and the NetTuts Posts that build a site from scratch (from PSD to HTML) are very valuable to me. If WebDesignTuts plays its cards right, it’ll be my favourite of all :D

    Thank You.

  10. Juan says:

    UI interfaces.

  11. Carla says:

    Wow, love the news!! :)

    Hope to see lots of Fireworks tutorials and not only Photoshop ones :P

    And of course, HTML 5 & CSS 3!

    Thanks for this guys! You rock!

  12. Jiew Meng says:

    Wow, another great addition to the Tuts+ Network!

    Looking forward to all the goodness it. I am hoping for HTML5/CSS3 + Photoshop/Illustrator for Web Design tuts

  13. lyndon says:

    Yahoo!!!!!!!!!!!!!!! thanks a lot for lunching this great and awesome website the webdesigntuts+… i now have a great site reference of my web design… i really love to read the articles posted in nettuts+ and i learned a lot of reading them, it feels like im not stagnant after all..

    @ last i have webdesigntuts+ to drop by everyday to read great articles posted… this site for sure boosting my knowledge of web designing… thanks a lot for this… for all the staff of nettuts+ and all it’s sister websites… you are all the big help of the newbies like me and for all those persons who love the web… keep it up the good work… and god bless all the time god speed always…. :D

  14. Kuzvac says:

    Great thanks Envato & Tutsplus.
    Brandon Jones looks like John Travolta :)

  15. Tsu says:

    Yay! Been waiting for so long! I’d love to see designing tuts in PS and Illustrator, some logo design tuts, some tuts on conversion from psd to html/css.

  16. Kelly H says:

    Well done Tutsplus. I’m collecting some new blogs so I’ll be sure to put your new one on my list.

    I’ve learnt a lot of interesting stuff off nettuts since I started in web design so having one place dedicated to web design will be very beneficial. I would recommend your blogs to anyone looking to learn web design.

  17. Irene says:

    Great! Super job :-)

  18. flashmac says:

    Ideas eh?

    Visual Hierarchy, Text-alignment and Spacial Awareness. All important. Tuts are available if you can find them, however, (and a big loud shout here) I’d love to see a great tut focusing on Vertical Spacing (mainly for typography).

    The best tut I can find is this:
    http://webtypography.net/Rhythm_and_Proportion/Vertical_Motion/2.2.2/

    Can you match it Brandon Jones?

    oh, Congrats and welcome.

    • Brandon says:

      That sounds like a challenge, hah! We’ll be covering the topic of typography on a regular basis, so rest assured that there’ll be an article on Vertical Spacing on the schedule. Thanks FlashMac!

  19. Damion says:

    This is awesome, I would like to see some in depth Photoshop website design tutorials, Its hard to find some good one’s.

  20. Congrats with the new website, great new addition to the tuts+ network!

  21. Col says:

    It’s a long shot but I’d like to see a tut or two using GIMP rather than Photoshop. I usually have to figure out how to do whatever it is using GIMP – it can nearly always be done but can take some figuring out.

    I understand that most people doing webdesign work tend to have Photoshop but hobbyists like myself may not fork out for this software and just use a reasonably competent (free) alternative – although figuring it out may just be the price to pay for free software.

  22. Kevin says:

    I’ve been a regular visitor to nettuts+ I’ve already bookmarked the new website! – Good luck with the new website guys ;-}

  23. Brock Nunn says:

    Wow, I feel like tutsplus is reading my mind. This is exactly what I have been wanting recently. Simply Awesome!!! … bookmarked

  24. Eduardo Barros says:

    Is the color of the logo be the same for nettuts and webdesigntuts? Both are green now. That kinda confuses with multiple tabs.

  25. I love this site. Thank you.

  26. Jamal Mohamed says:

    Hi,

    Nice to see a standalone dedicated website for the broad range subject of web design which used to live under the overwhelming web development scheme at Nettuts+, thank you guys.

    Can you guys please emphasis things like prototyping, usability and typography? I think great websites without these three are nothing but waste of time!

    Looking forward for this new kind of Tuts+ thing!

    Cheers

  27. Brett says:

    This sounds like a great addition to the Tuts+ Network. I’d like to see some tutorials on typography, common techniques in web design, designing in Fireworks, and converting modern layouts into HTML/CSS.

  28. Karlos Ballard says:

    Just an idea, I’m rubbish when it comes to web design due to colour schemes and all the theory behind it, so it would be much appreciated if you can make this easy to understand, and even typography how fonts go well with easy other, or contrast – for the worst?

    Also I was wondering if you will be doing tutorials with GIMP as because I am no good with Photoshop I see no point in buying yet!

    Cheers!

  29. Eric says:

    Yes!!! I’m really excited for this. I was wondering when this was going to happen.

  30. Eli Aguilar says:

    I love you Tuts+, thank you so much for this!!!

  31. DigitalGypsy says:

    I’m very happy to see this new edition to the family. I think variety will be the key to your success. Personally, I would like to see several posts regarding design concepts/practices and the different blog/cms packages out there (Joomla, Drupal, Word Press and any other). Perhaps a series for each that goes from beginner to intermediate and includes “how to” and “be careful of” situations.

    • arnold says:

      by the way , you mentionJoomla! ,
      nettuts please cover a Joomla tutorial , I mean its been all WordPress always.

      lets embrace a Joomla tutorial ,thanks

  32. Moksha says:

    its really good to have a site only for web designer,

  33. Can we have a VideoTuts+ site please???

  34. India Green says:

    Im excited to hear about the new Webdesigntuts+. I just check it out and the content looks good so far. I cant wait for more in dept UI tutorials. I love you guys at envanto. Your become more valuable each year.

  35. John says:

    This is awesome! Ive been waiting for envato to put out something like this.

  36. Any idea when webdesigntuts will make it into the menu in the top right of all of the tuts sites?

  37. Okeowo Aderemi says:

    At times like this i can only say one thing My sense of Color is going is to be restored okay thats not one word

  38. John Ramirez says:

    This is a great additional to your network, also a nice way to categorize and segregate web designs from web development articles and tutorials.

  39. This is great to see!

    I’m a big fan of open source software & its many merits. I’d like to see an “Using GIMP instead of Photoshop” article. Doing some of the things most use Photoshop for but using GIMP (www.gimp.org) instead, i.e. creating comps, etc. GIMP is basically the same tool as PS but things are just laid out differently (& it’s FREE to boot!) so when you put a PS expert in front of GIMP, they get a bit confused.

    The ideas above are great as it’d also be great to see John’s idea of a “From Scratch” series & also Digital_MIsfit’s idea of “Design from a Programmer’s Perspective” idea come to fruition.

  40. Unesm says:

    Really a great idea!
    Looking forward to all the cool stuff :)

  41. Ray Rivera says:

    I would love to see various tutorials on the best slicing practices. Also a Do’s and Don’t of web design.

  42. paul says:

    please god do more .htaccess tuts. truly baffling.

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.