Nettuts+ - A Year in Review (And What's Next)


Good gosh; another year comes to a close. Sometimes, it feels as if every year passes by more quickly than the one before it. Nonetheless, 2011 was a great year for Nettuts+. Here's why...


Honestly, these days, I don't focus on traffic too much. That might come as a surprise, considering that this is a blog that, yes, brings in income. However, I've come to learn that obsessing over traffic only translates to you spending less time creating content. I've never taken a stance, such as, "Next month's traffic needs to be up by 15%." It doesn't work that way.

Personally, I only use Google Analytics to:

  • Determine what sorts of content you readers don't enjoy as much.
  • Get a birds eye view of how the site is performing. For example, 2011's numbers, as a whole, are up 23% over 2010's. That may not sound like much, but for us, that amounts to millions and millions of new visitors.
  • Pinpoint which search queries are most popular. That way, I can be sure to commission appropriate tutorials.

Beyond that, I honestly don't see much point in obsessively focusing on traffic.

Dedicate your life to a given topic, write about it as well as you are capable of, and I promise that the traffic will come as a result.

In 2012...

To project numbers for 2012 would almost be a contradiction of what I just wrote. That said, I suppose it would be nice for us to continue reaching more and more people!


Nettuts+ was initially created with one simple goal: provide high quality, step-by-step web development tutorials. This year, I decided that we need to have more of a voice in the community. Initially, this took the form of me venting to an online journal... read by millions of people. Since then, though, the Editorials category has morphed into developers providing their own strong opinions on one issue or another. The reader is then left with the article (and the comments) to determine what his or her own views on the subject are. The most important thing is that it gets us talking.

In 2012...

I hope to provide even more opinion-based editorials on Nettuts+. My goal is that, when a well-known developer needs to get something off his chest - whether it be the state of the industry, the people, or the tools available - he comes to Nettuts+ to write and publish it.

I want Nettuts+ to be the central location for the web development industry to come together and discuss important issues and events.


One of my goals for 2011 was to have Nettuts+ branch out a bit. Yes, we have the blog, but what about books, tools, and apps? We're still very much in the early stages of these goals, though, we've made some good progress.

Nettuts+ Prefixr

Nettuts+ Prefixr

Prefixr was built out of necessity, and provides us with a way to automate the creation of all those tedious CSS vendor prefixes. Now, from your favorite code editor, you only need to type a shortcut key, and your entire stylesheet will be run through the Prefixr web service, and automatically optimized. No longer do you need to worry about which browsers support which CSS3 properties. Prefixr does that for you.

Nettuts+ Builder

Unfortunately, it costs money to commission these apps; so we've experimented with selling them as cheaply as possible on the popular CodeCanyon marketplace.

Nettuts+ Builder

Nettuts+ Builder turns the process of compressing scripts and stylesheets, and uploading a project to your server into as simple a process as possible.

Let’s say that you finished a coding project or demo. Simply drag the folder onto the Builder menu icon, and it will:

  • Create a new “Publish” directory
  • Compress all JavaScript files
  • Compress all Stylesheets
  • Concatenate all assets
  • Optionally upload them, via FTP , to a designated folder on your server.

If you’ve found yourself manually compressing your files and uploading them to your server, this automates the entire process!

Structurer Pro

Structurer Pro

Structurer is a wonderful project tempting interface for the Mac. It allows you to rapidly create directory structures with ease, and a few of the features include:

  • Always find yourself manually creating the same files and directories? Not anymore.
  • Need to download the latest version of the CodeIgniter framework? Or how about WordPress? With Structurer, it can be done in two seconds!
  • Need to assign custom text to new files – for example, adding a base plugin snippet to a JavaScript file? That’s a cinch in Structurer!

In 2012...

Branching out to provide apps and web services is a fantastic way to both spread your brand, and provide helpful services to your peers. In 2012, I'll be focusing on commissioning more cross-OS apps, and creating additional web applications and services. For example, I don't think that the online code snippet management and community idea has been executed well enough by anyone. Sites like Snipplr are helpful, but fall far short of what they could be.

Additionally, we'll also focus on smaller tools, such as plugins, code editor extensions, and more.

The Best Way to Learn...

Newcomers are begging for these sorts of resources.

Something I've thought about quite a bit - particularly in the last several months - is syllabus based education. For instance, if you want to learn JavaScript, you have literally thousands of resources available to you. As amazing as that is, it's almost a hindrance; where do you start? Very quickly, you can become overwhelmed. Wouldn't it be helpful if you were given a syllabus by a pro? Want to learn JavaScript? Great - read this, then this, then this, follow and become friends with these people on Twitter, try out this first project, etc. Newcomers are begging for these sorts of resources.

As a first step, we've created a series tailor-made for this group of people: The Best Way to Learn.

In 2012...

We're only four entries in so far; in 2012, I'd like to increase this number to cover all sorts of languages and tools.

Two Man Ship

While Nettuts+ is a part of the Envato network, when it comes to the day-to-day management, it had always been little-ole me at the helm. Thankfully, this year, Siddharth has come on board as my assistant, and has been doing an excellent job. In addition to helping me edit and publish articles (so that I can focus more on Premium courses and books), he's also the man behind our fun Nettuts+ Quizzes that you guys seem to enjoy. He's been a huge asset to the site.

Nettuts+ Quizzes

In 2012...

I hope to transition Sid into more of a co-pilot, rather than assistant. It'll be nice to reach a point when we are both responsible for finding, commissioning, and scheduling top quality content.

Nettuts+ Live

Take the Nettuts+ format (step by step tutorial), and translate it to a live, real-time coding tutorial on stage.

A few months ago, when speaking at a WordPress meetup in New York, I experimented with a format that I call "Nettuts+ Live." The basic idea is that you take the Nettuts+ format (step by step tutorials), and translate it to a live, real-time coding tutorial on stage.

For my presentation, I discussed WordPress custom post types and taxonomies, and how they can be used to extend your WordPress application. Now, in hindsight, I'm not sure I would do it the same way again. Coding from scratch in front of a hundred people is very, very difficult. With that in mind, I think I did quite well, though there were a few points when I had to stop and stare at the code blankly for a couple moments...desperately trying to determine what typo I had made.

And then, when I finished the presentation, I was met with the realization that only a handful of the people in the audience were actual coders; the rest were mostly WordPress users. Yikes!

In 2012...

Nonetheless, I think the format has merit, if molded a bit more. In 2012, I'm going to experiment with more local meetups and this format. No slides; just a code editor, a speaker, and lots of questions from the audience along the way. It may crash and burn, but it also may...not!


Tuts+ Premium

As part of the newly relaunched Premium brand of Tuts+, Tuts+ Premium, I'm the head of web development courses. Mostly, what this translates to is me creating the best possible content for learning how to be a web developer - in video form.

Particularly in the last few months, I've immersed myself in the art of screencasting and teaching. I've watched countless video tutorials around the web to determine what I enjoyed, what it irritated me, and what makes me press stop. At a glance...

  • Umms: I can't help it; when a teacher speaks too many umms and ahhs, it drives me crazy. "Next we're uhhhhhhh going to create this div.
  • Massive Snippets: If you're creating a screencast, your goal is to teach right? In that case, don't paste twenty lines of code into the editor at a time. Many of the viewers will be working along; don't flood them with unexplained code snippets. Write that stuff by hand, but...
  • Wasting Time: Don't make the viewer wait for you. A pet peeve of mine is watching a screencaster take 60 seconds to write a single line. You can edit these pauses out when you're finished recording. For instance, rather than, over the course of twenty seconds, writing document.getElementById('myElem');, simply say, "Next, we're going to retrieve the element with an id of myElem. Then, either immediately cut to the finished line, or speed up the video while you write it. It's painful otherwise.
  • Teach, Fool: I'm amazed by how many people don't make the connection that they should be teaching. A screencast is not a place to illustrate how smart and clever you are. Explain exactly what each line is doing; never assume that all viewers are on the same skill-level. In my videos, I often say, "I'm going to explain this section in more detail, but, if you already understand it, fast-forward a couple minutes in the video."
  • Audio Quality: My first videos were awful, and used the built-in microphone. Thankfully, I've come a long ways since then. If you enjoy creating video tutorials, please invest in a good microphone; it makes an enormous difference. In the last few months, I've switched to the Rode NTG. Highly recommended!
  • Zooming: This is the worst of the bunch; especially for coding tutorials, don't record at 600x400, and make the viewer dizzy every time your mouse moves from one side of your screen to the other, while the video recorder transitions left to right quickly. Instead, reduce the resolution of your monitor to around 1280x720, and record full screen.

In 2012...

At the moment, I'm still working to get the bread and butter courses up on the site, such as CSS3, JavaScript, jQuery, PHP, etc. Once the staples are finished, we'll transition into more specific courses, such as Backbone Essentials, CodeIgniter, Dojo, etc. It's a really exciting time to be a Tut+ Premium member.

Changing the Landscape of Online Education

Brick and mortar colleges are dated, and incredibly expensive.

Nettuts+ began in 2008, when Envato was still referred to as Eden. Since then, the site has come a really long way. My favorite part has been the process of determining and defining exactly what sort of site it is. I love that we offer video tutorials, and sessions, and in depth articles from some of the most respected developers in our industry. Every time one of my dev heroes links to a Nettuts+ article, it makes me feel amazing. This site will continue to grow; so "stay the course" is the name of the game for Nettuts+ and 2012.

In 2012...

Tuts+ Premium has taken the first step. The next one will be a significantly larger leap forward.

For me, I want to redefine the landscape of online web development education entirely. I want to take the basic college experience, and translate it to the web. No, I'm not talking about keg parties, I'm talking about a community for students.

I've heard it too many times: "My college hasn't taught me a fraction of what Nettuts+ has in two weeks." I'm not being conceited here; replace Nettuts+ with any popular web development blog, and the outcome will still be true. Because our industry is accelerating at such an incredible speed, traditional schools and professors can not keep up. Brick and mortar colleges are dated, and incredibly expensive.

I want Tuts+ Premium to bridge the gap: provide students with instructors, courses, quizzes, assignments, one-on-one lessons, certifications, and forums to learn and collaborate with their peers. In its current form, Tuts+ Premium has taken the first step. The next one will be a significantly larger leap forward.

Help Me

This final question is for you, John Q Reader. How can I make Nettuts+ the best web development resource on the web? In the last three years, we've come a very long way toward this goal. How can I take it further? What do you need more of from us? In return, I promise we'll do our best to provide it. We're currently working on the next design for the Tuts+ sites; your input will help define the shape it takes!

Related Posts
  • Code
    Web Development
    Alternatives to PrefixrCss3 wide retina preview
    With Prefixr no longer being developed, let's look at a few alternatives for managing CSS vendor prefixes.Read More…
  • Business
    Career Development
    Creating a Long-Term Career Plan1 career plan
    The question is, how do you choose a career that catapults you into the top 10% of the most fulfilled workers? How can you find a career, develop it, let it flourish and percolate, to make you happy and sustained over the long haul? Read More…
  • Business
    Career Development
    Finding an Internship and Making the Most of ItPreview finding internship
    Everyone has to start somewhere, and internships often serve as a launching pad for many people on their way up. Getting that top internship is competitive. You need a strategic plan in place to find the right internship, land it successfully, then make the most of it, and position yourself for future employment. Read More…
  • Code
    Interview With Jeffrey WayJeffrey way retina preview
    If you've been reading this site for awhile, then you know who Jeffrey Way is. He's the man, the myth and the legend behind the stellar growth of Nettuts+ and an influential voice in the web development community. And now he's tackling online education full steam via Tuts+. We wanted to catchup with Jeffrey to see how his next great adventure is going. Let's check it out.Read More…
  • Code
    Resources to Get You Up to Speed in AngularJSAngular js retina preview
    Some of you may have read my Ember.js series of articles and realized I'm pretty smitten with the framework. But as a professional developer, it's important that I consider other tools and take the time to vet them properly. One of the frameworks that everyone keeps telling me to look at is AngularJS. It aims to make building complex web apps easier but from experience, I know that most frameworks have a learning curve. It's never just dive in and code.Read More…
  • Code
    What Are You Using? - Nettuts+ Authors EditionCsaba
    I previously asked several top developers the following four simple questions: What's your primary development focus? What hardware are you using for development? Which editor or IDE do you use? What software can you not live without on a daily basis? The article generated a lot of interest and discussion about the tools the community is using which was really great! We love to motivate discussions with our topics. Well, this also motivated us to ask the question, "Why don't we post about what we, the Nettuts+ authors use every day?" So we did just that. We chose ten Nettuts+ authors and asked them the same four questions. And like before, you'll find the answers they gave below and hopefully discover some tools that could make your development much easier. Read More…