Creating your own web dev tool kit – Part III: Apps that help

Workflow applicationsAside from the basic software that we all use to do what we do, I thought I would list some other helpful software/web apps that help me in my workflow. I won’t go over editors and such, cause there are a billion and we all have our preferences (NetBeans and Dreamweaver for me!), nor will I go over the graphic programs (Photoshop, Fireworks, Illustrator…). I’m talking about the other, OTHER applications we use from day to day to help us along.


Evernote imageLet’s start with my favorite, Evernote. If you haven’t read my very early posts where I mentioned this bit of awesome, I suggest you download it, which you can do here. Think of Evernote as a place to put all the crap that you want to remember, but can’t. Your brain has limited space, you can’t be expected to know all this stuff. Which is why the gods made Evernote. You create categories, create however many notes you want, tag the notes to make searching easy (I have one for jQuery and CSS so I can find that when I need it), paste links into it. One giant organized scrap book of knowledge.

Its what I use for all my code snippets and links to cool stuff, and how to do things I don’t have the memory for. The best part is, besides being free, after you create an account, you can access your Evernote notebook ANYWHERE. You can add stuff to it on your machine at work, you can go home, sync the account, and access it there. Your info is with you wherever you go. Download it. You won’t be sorry. Out of everything I use to do my job, THIS is one of the most important pieces.


todoTweet logoI used to hate twitter. Why? Because I didn’t get it. If you use it to write about the soup you just ate, and then wonder why anyone would actually care about that, then trust me, you don’t get it. I do now though. I use it to automatically tweet a description of my blog posts. Quite awesome really. When I hit publish, this baby will go out to twitter. Follow me and you will see. Anyhoo, todoTWEET is going to sound kind of dumb, unless you have spent time with task manager programs/web apps. I have to write everything I need to do, or I will forget. todoTweet is the most simple thing ever. If you have a Twitter account, you are basically done with the sign up for this then. Go to their site, click sign in, enter your Twitter login, and boom, you are at a page that looks like the graphic below.

todoTweet imageIt is a your very own FREE to do list. Whatever you use to tweet (I use Firefox’s Echofon plugin), type #todo and whatever your to do thing is. It will then show up on the todoTweet page with a grey check mark. When you are done, click the check mark, which makes it turn green, and it shows it as done. If you refresh your screen, everything that is done will be removed. This comes in handy when you have a ton of things to do on a particular project.


Spoon screenshotHow many of you use IETester to test your sites in Internet Explorer? I used to. But what about Safari, Chrome and Opera? Well my friends, here is the number two on the important list for me. It is a Firefox plugin that will open up IE 6-8, FF 2-3.5, Safari 3-4, Chrome, and Opera 9-10. You don’t have to download each browser. It is all done through the plugin. Spoon is awesome, that is all I have to say. Get it. NOW!


Dropbox logoHate carrying around a usb stick? Ya, me too. Wouldn’t it be great if you could somehow create a file at home, and then put it in a folder that you can access at work? Well, then look no further, cause that is what Dropbox does. Download it here. It is free, but the you only get like 2 gigs with the free account. Which should be more than plenty. All you have to do is create an account, and you are good to go.

Whew, that is a lot of cool stuff I just listed. How about one more just for grins? This really isn’t anything to help you with your web development process, but how would you like an instant messenger on your site in a matter of seconds?


Nurph is in beta right now, but it is stupid cool. Not a lot to tell you. Just click the link and go. It will take you 2 seconds to figure it out. I’m considering using it here.

Ok, I’ve given you some things to go and look at and use. What have you got to give me? Let me know what apps and stuff you are using to help you in your workflow.

Coupon Code: webmachine

jQuery junkBox

This method will manipulate the queue of functions to be executed on the matched elements. Below’s example runs a series of fx sequentionally, putting what is in the queue into the fx chain. Without the dequeue() method, the chain of fx would stop.

$('.clickable').click(function() {
    $('#containerDiv').fadeIn(500).animate({'left' : 50})
        .queue(function() {
            $(this).css('backgroundColor', '#f00').dequeue();

Tags: ,

One Response to “Creating your own web dev tool kit – Part III: Apps that help”

  1. [...] start with Paprika. I know in my post “Creating your own web dev tool kit – Part III: Apps that help” I told you about It is still a great little twitter app, but I have found [...]

Leave a Reply