Nettuts+ Apps and Tools
Along with the fantastic tutorials and articles published every day on Nettuts+, we’ve also created a series of handy applications to make your life easier as a web developer. Whether you’d like to clean up your code, set up pre-built project structures, or compress files faster, we have something to streamline your workflow.
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 Stylesheets
- 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!
Nettuts+ 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!
Prefixr takes all of those pesky CSS3 prefixes that we must type over and over, and does away with them! If you create your stylesheets using the official syntax, you may then, at deployment, run your clean stylesheet through Prefixr, and it’ll instantly update your stylesheet to include every required prefix.
This way, you don’t have to deal with remembering whether or not a particular CSS3 property requires a
-ms prefix or not. That knowledge is built into Prefixr.
Nettuts+ Fetch (for Sublime Text 2)
Let’s say that you’re a fan of Normalize.css. Perhaps, you download it and save it to a snippet, or store the stylesheet, itself, in an assets folder. That way, for future projects, you only need to copy and paste.
The only problem with this method – as we’ve all discovered – is that, if a few months have passed, it’s more than possible that the asset (in this case, Normalize.css) will have been updated by the creator. So your options are to either use the, now, out-dated version of Normalize, or, once again, return to the GitHub page and pull in a fresh copy. This all seems tedious.
I thought to myself: “What if there was a plugin that would automatically pull in the latest copy of a file, simply by typing a keyboard shortcut. It’ll perform a curl request to your specified URL (saved away for future use), and allow you to rest assured that, for all new projects, you’re using the latest copy of a particular asset.