Redesign and Other Tuts News

Over the last three days we’ve been steadily rolling out a new Tuts+ theme across all 8 sites. The new design is a refinement more than a big change, with lots of little improvements in usability and more suited to big screens. Read on to learn more about the redesign and lots of news about Plus!


1 The Plus Project

As you may know we have some pretty big plans for these Tuts+ sites. While today they are humble little tutorial blogs, we’ve thought for some time that it would be cool to build an entire platform for education. We’re going to call that platform Plus. You’ll know Plus content as our premium content, but no longer.
Our premium content is now ‘Premium’ (go figure!) and Plus is the brand for the educational platform we’re building, which, just like Psdtuts+, will be completely free for the most part.

With Tuts+ well established now, we’ve finally begun work on the project! We’ve acquired the domain Plus.org which will be the home of the new platform (yay for our first four letter domain!) We’ve also brought over our resident code genius Ryan Allen (who built our ActiveDen platform all by himself back in 2006) to team up with Tuts+ developer extraordinaire Fred Wu and kick ass front-end guru Derek Herman. And Skellie and I have been busy spec’ing out the plans for the new site, and it’s pretty, damn cool if I do say so myself!

Right now the Tuts+ sites are fairly passive, but we’d like to get the whole community involved in writing, teaching, answering questions and generally learning. The new Plus.org platform promises to incorporate all that plus some nifty ideas we’ve taken from gaming to come together into a social education platform.

It’s going to take a long time and we’re going to roll it all out in pieces over the next 2 years. We’re super excited about it all, and I hope I’ll have more updates in the coming months!


2 Creative Sessions and Mobiletuts+

While Plus.org will take a long time, we do have some new goodies coming much sooner including Creative Sessions which is being built now, and also Mobiletuts+ which will be all about mobile development!


3 Server Update

About a week and a half ago we had some major problems with our servers. I’m happy to say that we’ve now completely resolved these issues by moving hosts and reengineering our hosting setup completely from scratch. The new setup is much quicker and has a much greater capacity for growth, so fingers crossed, that will be the last server outage for a long time to come!


4 The Redesign

The new theme has a few neat features you may want to check out including:

  • Basix!
    While Tuts+ has always been known for intermediate to advanced level content, we’ve been thinking it’d be good to separate out tutorials and articles better suited to people just getting started. So we’ve created the Basix tag for quick browsing. You’ll find it in the top menu, and expect to see more Basix content soon as we beef up our library of novice-friendly content.
  • Easy access to Videos, Tips and Premium Posts
    We’ve also started tagging videos, tips and Premium membership posts so that along with Basix content you can quickly find what you’re after. We’re generally going to be working to clean up our category/tagging across the network in the coming months to get it more standardized.
  • Tutorial Details on Posts
    We’re also going to start standardizing all tutorials to have a "Tutorial Details" section at the top with difficulty and other pertinent details. Eventually we’ll get all the archives updated … but with over 2000 tutorials, that will take a while!
  • Bigger, more readable content area
    We’ve expanded the site to be optimized for bigger 1280px wide screens, with a bit of JavaScript to resize for smaller resolutions. This has given us the space to clean up the content area to be a bit bigger and more readable generally.
  • Latest Creattica content for inspiration
    We’ve also started porting over the latest Creattica content into our sidebars. There’s actually a redesign of Creattica coming in the next few weeks and we’ll be expanding the gallery to cover even more types of inspiration. The new sidebar widget will give even more exposure to those talented creatives on Creattica!
  • General UI Improvements
    Most of the improvements on the new design are small, subtle improvements such as a reduction in the number of clicks needed to browse categories, a clearer search field, faster loading pages and generally cleaner, more optimized code.

One change that we have also made is to remove the community link feed. Over the years this was a great way to get exposure to community links, but unfortunately was also home to a lot of spam. So with this iteration we’ve left it behind.

Also at the moment sites with Flickr groups don’t have it showing, but don’t worry that’ll be back. There’s just a problem with our Flickr plugin at the moment!!

There are still some more tweaks to do to the new design and a lot of post formatting to do to get our archives matching up with the new theme. But for all intents and purposes the new theme is now alive and well! Enjoy!

Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • Jason

    Can you cancel the wordpress “comment_count” function.
    Is very annoying that every time I need to disable it myself and see the new post.

  • Tillo

    Hey dudes! Is this now made with HTML5 and CSS3?:) dumb question i guess… but i rly dont know!

    • http://www.freshclickmedia.com Shane

      Hi dude! :)

      The Doctype tells me it’s XHTML 1.0 Strict. There’s also some vendor specific CSS too.

      Firebug/Web Developer toolbar/View source is your friend :)

  • http://www.freshclickmedia.com Shane

    I’ll get used to the design I’m sure…

  • Dustin

    I’m sorry but I absolutely despise how websites are moving towards 1000px+ designs. While my resolution is quite large, I don’t use the entire screen for my browser. Even worse, I can’t just zoom out and enjoy a smaller versions of the large website because most of them use small fonts in places, making them unreadable. You guys are a web design/development blog after all, why in the world are you screwing up this royally? :(

    • http://www.stetestilz.com/wordpress StetEStilz

      I think the design is nicer and ui is sick. However I concur with Dustin, it sucks to have to open my browser window to its fullest to view the page. Maybe a fluid layout?

      P.S. Great job, I don’t think your screwing up. :)

    • ySchaub

      if you’re not browsing in full screen it just cuts off the sidebar. It’s still focused on the main content, don’t see a problem there.

      I think you did a great job.

      • Zach

        I completely agree!

    • http://www.webmaster-source.com redwall_hp

      Because *most* people set their browser windows to around 1000px, maybe a little bit less. I don’t see the problem. Oh, and why should all of these websites build their designs to accommodate *your* odd habit?

  • http://www.webmaster-source.com redwall_hp

    “…Mobiletuts+ which will be all about mobile development!”

    Am I to assume that Mobiletuts+ will be about client-side mobile development, including the iPhone’s Cocoa Touch APIs? If so, that is totally awesome.

  • http://mokshasolutions.com Moksha

    changes look great, its nice now on comment its paging, else when saving a page its too big to save

  • Rasheed

    I was confused there for a while, especially with vector tuts showing posts from 2009. I’m glad for the basix addition. I was looking to see some inDesign basics, but thats not on the plus network.

    I like the redesign, but I kinda liked the old tuts+ network dropdown layout. This one, I have to look harder to jump around. Please bring back the old one.

    thx

    • Rasheed

      Wow, that was fast!
      Thanks for splitting the list :)

  • mdennisa

    everythings look great!

  • http://www.beinganders.com Being anderS

    The site feels great! It’s nice and open, but still shows alot of (navigational) options! And if it doesn’t show them, they are hidden with cool and fancy ajax-stuff! Nice update!

  • UI/UX

    Re-design for UI improvements? Re-design for more ad space methinks!

  • Márcio Almada

    Loved the changes… specially comment pagination (saved my life with slow connections).

  • http://jhaygamba.com Jhay Gamba

    Awesome! Love the new design!

  • Tan Shiaw Uen

    Love the new design!

    Hoping Mobiletuts+ include Android application development tutorials as well! =)

  • http://www.nouveller.com/ Benjamin Reid

    Lovin’ the redesign, clean and crisp as ever. But how about some basic user experience principles? Highlighting the relevant menu item would be a good start.

  • Chris M

    why is everything so large? I’m running a fairly high resolution (1920 x 1200) and the site is HUGE. I had to back up in my chair just to read the tutorial titles and the blog comments comfortably. I understand that I can make it bigger and smaller to fit my needs, but I think someone went overboard with some of the font sizes.

  • http://www.demogeek.com DemoGeek

    I like the redesign and it’s well deserved. But the site seem to be broken for most of the time. Some pieces are always missing (not fully loaded it seems). There is no pattern but randomly things wouldn’t load to the fullest it seems.

  • ibura

    dear collis, where did the spoon go in this new template??? it was there from the versions 1 and i miss it.

    • http://www.webmaster-source.com redwall_hp

      Lol, I missed the lack of the spoon. Collis should put it back in, peeking up from the bottom right corner of the page. :)

      • http://www.jeffadams.co.uk Jeff Adams

        +1 i miss the spoon!

  • http://www.sabqat.com/blog SabQat

    Wow!
    I love the new design , its much cleaner , usable and simple …
    in fact I am so impressed and inspired by the new UI that I have now set off to make a WordPress theme inspired by the new Tuts design…
    Thank You!

  • walter

    hey guys, I cannot edit my plus account anymore :( what up? I partly like the changes, but many things are really disdurbing and annoying so far.. I don’t like the whole new navigation at all, the new big ad banner is fuckin me up and well, it’s just sad… I really liked this network

  • http://www.thebest10hostings.com beside

    I agree your design, it’ full screen for me.I like to comment as well. The white design
    is very good for my eyes. Thank you.