Awesome web development productivity tools

#1

Post by doc_larry » Sun, Oct 30, 2011, 10:46 AM UTC

A cool collection of tools to speed up web development.

Awesome web development productivity tools
smashingmagazine.com

Re: Awesome web development productivity tools

#2

Post by lhnz » Sun, Oct 30, 2011, 1:38 PM UTC

A nice list, but I can't be the only person here that is trying to speed up my page-load time and reduce the number of development tools that I depend on. Which would make a smaller shortlist?

Re: Awesome web development productivity tools

#3

Post by cleverjake » Sun, Oct 30, 2011, 1:48 PM UTC

lhnz wrote: post #2

A nice list, but I can't be the only person here that is trying to speed up my page-load time and reduce the number of development tools that I depend on. Which would make a smaller shortlist?

I don't think that they are suggesting to use all of them. They are a collection of different addons that may be useful to different people.

Re: Awesome web development productivity tools

#4

Post by tathagatadg » Sun, Oct 30, 2011, 2:22 PM UTC

Great post .. quite a few new ones I haven't heard before. We were curating a similar list before a hackathon, and couldn't help wondering if there is a distro/vmware image that specifically targets web-dev - just ready to go with tools for @dot_cloud, appengine, heroku, all browser comparability testing - all rolled in. You know like backtrack, but for a web developer ... Anybody know if such a thing exists?

Re: Awesome web development productivity tools

#5

Post by niclupien » Sun, Oct 30, 2011, 2:49 PM UTC

lhnz wrote: post #2

A nice list, but I can't be the only person here that is trying to speed up my page-load time and reduce the number of development tools that I depend on. Which would make a smaller shortlist?

I guess it depends on what you need. Most of them are helpers to create quick applications, ideal for startup and prototypes. Writing less code also mean writing less bugs. When I create a stylesheet, it may take a while to get feedback if it doesn't work on a obscure browser version while a bug in Twitter's bootstrap will be detected (and probably fixed) a lot sooner.

Re: Awesome web development productivity tools

#6

Post by csomar » Sun, Oct 30, 2011, 3:33 PM UTC

Does anyone know if there is an alternative to LiveReload on Windows?

Re: Awesome web development productivity tools

#7

Post by moonboots » Sun, Oct 30, 2011, 3:40 PM UTC

Great, there goes my entire day

Re: Awesome web development productivity tools

#8

Post by lordmatty » Sun, Oct 30, 2011, 4:03 PM UTC

All of these Apps are small, focused and free...

Loving LiveReload, Mou and Launch Effect.

Re: Awesome web development productivity tools

#9

Post by dbertram » Sun, Oct 30, 2011, 4:16 PM UTC

csomar wrote: post #6

Does anyone know if there is an alternative to LiveReload on Windows?

It's not quite the same idea, but WebPutty (www.webputty.net) targets a similar problem and works cross-platform (it's a web app).

WebPutty is a free CSS editing and hosting service that gives you a syntax-highlighting CSS editor, supports SCSS and Compass, and provides a side-by-side preview pane that's updated as you make changes to your CSS. It also enables instant publishing with minification, compression, and automatic cache control (if you chose to host your CSS with WebPutty).

Full disclosure: I'm one of WebPutty's developers.

Re: Awesome web development productivity tools

#10

Post by arrel » Sun, Oct 30, 2011, 6:58 PM UTC

These tools all work in different ways, but I would love if someone could write an app store for these (and others) to live in so we could one-click install and one-click uninstall dev tools locally. I'd definitely pay for that manager app, and it'd be way easier to give micro-donations to open source tools we use a lot.