Sunday, February 1, 2015

3 web development tools youve probably never heard of

I got the chance to hang out with the fine folks at Twilio today and build a hackday project with their awesome APIs. Hackdays are all about getting things done quickly and as this is my ~14th hackday project, Ive come to rely on a set of high productivity tools. Depending on the project, there are a whole bunch I may use, so for this post, Ill just focus on 3 that most people are not aware of.

1. jQuerify Bookmarklet



http://www.learningjquery.com/2009/04/better-stronger-safer-jquerify-bookmarklet 

Add jQuery to any page with this handy bookmarklet. Very useful if you want to mess around or experiment on a page using jQuery and Firebug, but the page doesnt have jQuery already.

2. jsFiddle

http://jsfiddle.net/

The perfect tool when you want to quickly test something out with HTML, CSS and/or JavaScript. Open jsFiddle in your browser, enter HTML in the top left, CSS in the top right, JavaScript in the bottom left and hit "run" to instantly see the result. Pull in popular JavaScript frameworks (e.g. jQuery, Mootools) by picking them in a drop down on the left. Finally, save and share your "fiddles" with others.

3. localtunnel

http://progrium.com/localtunnel/

Provide a publicly accessible URL for any server running on localhost. Incredibly useful so you dont have to find hosting for a project while youre just hacking/testing. For example, if you have Rails server running at http://localhost:3000, all you have to do is run localtunnel 3000 in your terminal and youll get a URL (e.g. http://8bv2.localtunnel.com) that routes to your Rails app and can be accessed by anyone on the web. A big thanks to Jeff Lindsay for building localtunnel, Twilio for sponsoring it and Evan Cummack for telling me about it.

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.