Submit a Tutorial

Want to submit a tutorial to Nettuts+? We only accept tutorials that match the site’s standards of both writing and tutorial content. If your tutorial is accepted, we’ll pay an agreed USD rate per tutorial published (make an offer!), and you’ll get to help your fellow web development aficionados! Please note that if we gain evidence in this time that the tutorial or source images used in the tutorial have been plagiarized we will take the tutorial off the site and payment will not be made.

What to Teach?

We are looking for extensive tutorials and/or screencasts on these subjects:

  1. HTML / CSS techniques
  2. Javascript techniques
  3. jQuery or similar libraries
  4. CMS’s – WordPress, Expression Engine, Joomla, etc
  5. Simpler PHP & Rails techniques

We prefer more complete, practical and extensive tutorials. For example a tutorial demonstrating a jQuery effect applied to a menu complete with some attractive CSS styling would be prefered to a simple demonstration of a sliding effect in jQuery. Similarly it’d be better to have a “How to build a simple Joomla template” than “Add Categories to your Joomla Template” tutorial. Having said that if the effect is really great, or important, or useful then we’d be interested!

You must also fulfill the following criteria:

  • You must send in your ALREADY WRITTEN tutorial. Please note not every tutorial will be accepted. (We now offer a simple form where you can pitch your idea to us and get feedback from the Nettuts+ editor.)
  • Your tutorial must be your original work and not published elsewhere.
  • You must have a PayPal account for us to pay you, this fee will be paid within the first week of every new month.
  • You will need to format your tutorial as per the format described below.
  • Your tutorial may be edited prior to publishing.
  • Your editor will send through a simple contract for you to look through and sign, relating to your work as an Envato author.

What, Specifically, to Write About

We are always open to ideas when it comes to new articles or tutorials on Nettuts+. Is there a new “cool kids” framework that you’ve mastered? Fantastic, let’s do it! That said, if you’re in need of ideas, here’s a list of articles that we’re currently in need of:

  1. Knockout.js For First-Timers
  2. Backbone.js For The Rest Of Us
  3. Anything Advanced-Rails
  4. How To Professionally Document Your Script, Library, or Plugin
  5. The Best Way to Learn Python
  6. The Best Way to Learn How To Test (Covers testing in general. Offer examples/tools for both server-side languages and JavaScript).
  7. Writing Maintainable JavaScript
  8. HTML5 Boilerplate’s Build Script From Scratch – https://github.com/h5bp/ant-build-script
  9. Node.js For People Who Don’t Get Node.js
  10. Lessons Learned From… (fill in the blank)
  11. Cutting-Edge CSS Techniques
  12. Understanding OOCSS
  13. Anything Advanced Canvas
  14. Signs That Your jQuery Plugin Sucks (review bad practices when creating plugins)
  15. 10 Ways To Be More Active in the Web Development Community (don’t be generic)
  16. Understanding RequireJS
  17. An In Depth Review of jQuery UI’s Widget Factory
  18. You’re Doing it Wrong. (Offer examples of poorly formatted code in some language, and explain how to improve it.)
  19. Anything related to brand new HTML5 JavaScript APIs
  20. Editorials. Have a strong opinion on something? Vent to millions of readers.

If you’d like to write one of these articles, please contact me to say hello first: jeffrey[at]envato.com.

Remember – the article you submit to me will be read by millions of visitors. Don’t submit a short, poorly researched tutorial. This is your reputation on the line! Don’t be lazy.

How to Format Your Tutorial

Tutorials should be formatted in a series of steps. Each step should have either an image or code snippet involved. If you are using code snippets, do the following:

  1. Wrap the code snippet in <pre name=”code” class=”language”></pre> tags, where language can be ‘js’ for javascript, ‘html’ for HTML, ‘php’ for PHP, ‘css’ for CSS.
  2. Replace all < characters with &lt; this will help render the page

You should use this Tutorial Template and ensure that any images you use are less than 600px wide.

If you’re a Markdown fan, we encourage you to use our flavored-Markdown converter, which automatically applies the classes and elements that we need on the sites. This way, you, for example, don’t need to precede <h2> elements with an <hr> tag, or wrap all images within divs.

How to Submit a Screencast

Please ensure that you adhere to the following rules when recording and submitting your video tutorial.

  1. At least 15 minutes in length.
  2. Final video must be recorded at a resolution of 1280×720.
  3. Sound quality is important. Ideally, use a well-made USB condenser mic. They can purchased for around $75 on Amazon. We can’t accept screencasts with poor audio quality, or lots of noise in the background.
  4. Author must mention at the beginning of the video that it was made exclusively for Nettuts+
  5. Submit an MP4 or MOV of the final video.
  6. Introduce yourself at the beginning of the tutorial and say you are making this tutorial for Nettuts+.
  7. You must include a description of your tutorial and a 200×200 pixel preview image.

Refer here for a list of screencasting tips.

Submit a Quick Tip

We also post a couple quick tips each week, and pay $50. To qualify, you must submit:

  • Use a free screencasting service, called Screenr, to record a quick tip that can be no longer than five minutes in length.
  • Also include a more brief text explanation, as a companion to the video.
  • Note in the video that you’re recording a screencast for Nettuts+. Do not promote your own site/company.
  • Don’t cover too much here. This is a quick tip. For example, a cool new feature/method in jQuery would be an appropriate topic.

Earn More by Submitting Premium Tutorials

In addition to our regular site, we also offer one new Premium tutorial each week for our premium members. These tutorials generally focus on our key topics: HTML/CSS, PHP, Javascript/jQuery, and WordPress. Not only are they much more in depth than those from the regular site, but should also include a screencast component as well.

If you have a fantastic in depth tutorial + screencast, we pay double for these tutorials. For more information, email net@tutsplus.com.

Submit Your Tutorial Now

Submit Your Tutorial Here.