Unveiling the All-New Tuts+ Hub

Unveiling the All-New Tuts+ Hub

on Apr 10th 2012 with 43 comments

Over the past few weeks, we’ve been working hard behind the scenes to create a central place for our Tuts+ readers to call “home”. Somewhere that shows you the latest content from across all our sites, allows you to filter only those tutorials that interest you, and shares a few statistics about the Tuts+ network.

Today, we’re very excited to introduce the Tuts+ Hub — read on to find out more about it!

All Our Latest Tutorials in One Place

The Tuts+ Hub is a new way to see all the latest content across our whole network. Any new tutorials that have been published since your last visit will be given a “New” banner, and you can quickly filter out the sites that don’t interest you — just toggle the checkboxes at the top of the screen to show/hide content for each site.

Tuts+ Hub

We’re also showcasing all our new Tuts+ Premium tutorials — these are shown with a yellow border, so it’s worth keeping an eye out for these if you’re one of our awesome Tuts+ Premium members!

A Handful of Statistics

We also thought it would be fun to share a few of our statistics with you. Did you know we’ve published over 11,500 tutorials? Or that we’re approaching half a million comments across the network? It’s a fun way to keep an eye on how Tuts+ is growing (and these stats are updated every day).

Tuts+ Hub

What Do You Think?

I’d love to hear your feedback on Tuts+ Hub, and any thoughts or comments on what works well/what you’d like to see improved. We’re really happy with how the project turned out and I think you’re going to love it!

Thanks for being one of our readers and, if you’ve somehow resisted all the way down to this point, head over and check out the Tuts+ Hub!

David Appleyard is davidappleyard on Themeforest
 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

David Appleyard is a designer and writer based in the UK. He manages Tuts+, along with having founded several design websites including Design Shack and PixelsDaily.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://laranzjoe.blogspot.com lawrence77

    Well this is awesome ;)

    But something[functionality] is missing in my view,

  • http://www.rodneykeeling.com Rodney

    What languages/frameworks/technologies did you use to build it? Looks pretty cool.

    • shawqi

      The same thing I was wondering of while I was surfing the site… we want to know why not they abide with WordPress as in other websites

    • http://envato.com Ryan Allen

      The articles are and statistics (article count, subscriber count, comment count, etc) are gathered by a service written in plain Ruby, which spits out a JSON document that the page loads w/ AJAX when you visit it. It connects directly to the databases and talks to the various 3rd party APIs like feedburner, etc, to aggregate counts. And all this is wired together with some heretical DIY JavaScript :)

      • http://www.jeffrey-way.com Jeffrey Way

        If you hate semicolons so much, then write in CoffeeScript. :)

  • http://tierrepeterson.com/blog TRP

    I’d rather have an all on or all off button for those who are only interested in a few of the network site for a much quicker way to filter. Currently, we have select all the one we want off, which may commonly be more than the one we want to see.

    • http://davidappleyard.net David Appleyard
      Author

      Hey TRP,

      Definitely a good point, but we wanted the default state to show everything we have on offer. You should only need to un-tick and make your preferences once, then it’s remembered permanently.

      Thanks!

  • http://herozon.com Zarel

    This is a very good idea, really, I had a problem so far because I have to switch between TutsPlus subdomains, to find out what I need to learn.

    by the way, I think the picture is too close to one another, so a little bit difficult to scan. Just my humble opinion.

  • anon

    Seems counterintutive to have premium tuts not synchronized with the category selection.

    For example, if I disable everything except “Nettuts+” and “Tuts+ Premium”, I expect to see both Free and Premium Nettuts.
    I don’t expect to see Free Nettuts and ALL Premium (including non-Nettuts Premium content).

  • http://miravalledesigns.com Patrick Miravalle

    Wow this is great! It sure would be helpful though if you guys would make it possible to filter tutorials by site on Tuts+ Premium as well. A lot of us are only interested in premium tutorials from specific sites.

    • http://miravalledesigns.com Patrick Miravalle

      Disregard my last comment lol. I’m a complete idiot and didn’t see the categories on the side.

      • P.

        Everything’s fine. ;)

  • Afrodiva

    WONDERFUL!!! I HAVE A NEW HOME NOW :)

  • Potado

    +1 to lawrence.

    I love the idea, but all I can do is change which tuts+ sites are in the feed. It would be nice to see a bit of the description, the rating, the date, and maybe some of the comments when I focus my mouse on an element.

    Of course, all of this is corrected by the pink text highlighting – very classy.

    • http://davidappleyard.net David Appleyard
      Author

      Thanks for your feedback, Potado. We’ll bear this in mind when we come to make a few tweaks and changes. And we’ll make the text highlighting extra-pink, just for you :-)

  • torr

    david looks nice – just one thing – on hover over the boxes, the border-radius switches to 0 — is that intentional?

  • John B

    I agree with TRP. As it stands right now, every category is selected and the filter hides the options you click on. So what most would see as “activating” is in fact “deactivating” the tutorials. This is fine if you want to work it that way, but having an option to “select” or in this case “unselect” all would allow for quicker filtering. Great hub though!

  • http://pintarkomputer.net Kade

    Awesome..

    Starting from now, i only need to one url.

    Nice work..

  • http://www.mediamonkeyinc.com Michael

    Looks awesome!

  • http://quanfey.org Samiur

    Great! It’ll be very helpful indeed. Just need the filtering option to select my favorite tut+ channel.

  • Mj

    it is Great ! saved me lots of time. even it can be greater , if a list view is available.
    cheers

  • http://wouterj.nl Wouter J

    Very usefull!

    But the ‘paul irish pink color’ on select doesn’t match with the colors on the page. Replace it with the ‘tuts+’ orange color or something else.
    And a orange hover on the social buttons will look great! (also on the link in the footer)

  • Damian

    This is great, the key is filter. Maybe You consider option to choice specific category of the tuturiali group eg. AudioTuts+ > Tuturials > Cubase & NetTuts+ > Tips :-)
    But anyway this is very helpful.

  • http://www.zersys.com William

    This something really interesting.

  • Tony

    I love it, great job here =]

  • nicholas

    No rss feed for the hub?…. I would much rather subscribe to one feed, instead of all of them

  • Brad

    I think its excellent! However in thinking about it, I am shocked this wasn’t done long ago! The hindsight thing of course

  • http://pressedweb.com Cory

    Thumbnails are too big IMO and I’d like to see some excerpts next to each – like reddit or something. Good idea to put all these together though. If I’m feeling frisky one night I might whip up something.

  • Muhammad Saleh

    OMG…. The idea is super great but I’m not sure about the design

    maybe the thumbs are too big… or not as catchy as the normal design which is found here

    maybe we’re not used to that the titles font is that small

    anyway it’s great idea but needs some modifications to be awesome ;)

    Good luck and you’re the best

    • Muhammad Saleh

      What if you use a listing layout and each list item is in its own row with the same thumb image but with a way larger text (the same as your current font size for the titles) it would be awesome

      • http://wouterj.nl Wouter J

        I agree with you.

        A link on this site (and the other tuts+ sites) to the tuts+ hub would be great.

        And republished tutorials, give it an other color or something (like the tuts+ premium articles). Because I now click on articles I already readed, because I don’t see if it is a republished tut.

  • http://www.seven-1.com Jussi Tuoma

    This is great!

    I agree with Cory, there could be more information from each article somehow. Still I like the responsive design and how all articles are viewed.

  • ian

    Looks great, but I would think the purpose of a home page would be to have links to the other main sites. Like net.tutsplus.com, psd.tutsplus.com, etc. You used to have that before introducing the new tutsplus site and it was frusterating trying to figure out the url’s to all the different sites. I usually stick with net.tutsplus because I’m interested mostly in web design and web dev but sometimes have to go looking for the urls to the others.

    I prefer the layout of net.tutsplus.com where there is over 100 pages of tutorials for web dev that I can go through and see what interests me. The new hub is only listing 19 and I don’t see where to find the other ones besides click on an article to get to net.tutsplus.com/whateverarticle and then take the whateverarticle off. There are 162 articles listed under web development category on the tutsplus home page. Where are they on the hub?

    I hate to be so down on the new design because I know you worked hard on it and it looks awesome but if it were me, I’d just put links to the other sites on the existing tutsplus.com home page and then improve the search box on the other sites.

    Please tell me I will still be able to go to tutsplus.com and use the tabs and categories.

    • http://www.jeffrey-way.com Jeffrey Way

      Hey Ian – The hub isn’t meant to be *the* site — it’s just a check-in type of site. “What have you missed in the last week or so?” For all the articles, you’d of course still come to Nettuts+.

      • Ian

        Hi Jeffrey,

        I realized after responding why I wasn’t appreciating the new hub the way I should. I was confused and thinking how hard it is to find an article on the hub but wasn’t realizing it’s a place to go see what’s new (like an rss feed only much better). I should have spent more time before responding so, sorry about that.

        I don’t think I’ve missed anything. I usually go to the tutsplus.com page several days a week and just click the tabs to see what’s new in premium and then go to the webdesign and net sites to see what’s new in free tuts. It’s good to have the hub for a central “what’s new” location.

        As for looking through old articles, I’m glad to still be able to go to each of the main sites and browse through all the pages. That’s how I got started with nettuts and caught up on a lot of things that were 2 or 3 years old but still relevant.

  • lisa

    love it! huge time-saver!

  • http://wouterj.nl Wouter J

    “Looks great, but I would think the purpose of a home page would be to have links to the other main sites. Like net.tutsplus.com, psd.tutsplus.com, etc. You used to have that before introducing the new tutsplus site and it was frusterating trying to figure out the url’s to all the different sites.”

    The same for me, I was really looking for a link to other tuts+ sites (in the old design it stands in de sidebar).

    But I found were these links are now last week. If you click on the arrow (in the brown box besides the logo) you get a list of all tuts+ sites.
    But I can’t see a link to tuts+ hub, were is that standing?

  • http://www.techispeaks.com Kathirason

    Great, very useful for me..

  • http://rasmusson.net Niklas Rasmusson

    Hot pink selection <3

  • http://www.leachcreative.com Andrew

    Wow, this is pretty awesome and will definitely save me time when going through recent posts.

  • Sergey

    Archive is missing I think

  • mit_India

    exactly what i was looking for .. and thinking for .. great ..

  • web design bangalore

    A good informative post that you have shared and thankful your work for sharing the information. Got some appealing information and would like to give it a try. Applaud your work and keep sharing your information.