Discussing best Web Development tools which also helps in designing. Checkout the slides.

1. {
Web Development
Tools
Via: netmagazine.com
Created by: Cygnis Media

2.  Bugherd
Price: Free-$99/month for 25 members
Contrary to popular belief, the launch of a new
site is not the end of a dev team's work. If
anything it's the point at which the sweat really
starts to build. As clients begin to receive
feedback, these garbled and conflicting
requests begin to filter back as emails, which
then get batted around before finally becoming
a bone of contention.
Web Development Tools
Created by: Cygnis Media

3.  Fontello
Price: Free
Why is it so hard to find a set of icons that
covers all the bases with a consistent look and
feel? One of life's great mysteries perhaps.
Well, wonder no more because Fontello not
only has all the icons you need but you can pick
and choose the glyphs you need and compile
these into your own minimalist set.
Web Development Tools
Created by: Cygnis Media

4.  Proto.io
Price: Free - $49/Month
A good prototyping tool should allow you
to get up and running fast but also provide
enough depth that you can refine your
ideas to the point where they don't need
you leaning over a user's shoulder saying
things like "Just ignore that bit for
now". Proto.io does just this.
Web Development Tools
Created by: Cygnis Media

5.  Foundation 3
Price: Free
Responsive design seems to have gone
from zero to about a thousand miles an
hour in no time flat. And things are still
changing fast enough that small
development shops are hard-pushed to
stay up to date, let alone conduct their own
R&D. That's where Foundation 3comes in.
Web Development Tools
Created by: Cygnis Media

6.  Dreamweaver CS6
Price: From £344.32
Fluid layouts, CSS3 transitions and
enhanced PhoneGap support lead the
charge in the latest update to Adobe's web
design all-rounder. There's no denying
that Dreamweaver CS6hits the ground
running.
Web Development Tools
Created by: Cygnis Media

7.  Cloud9 IDE
Price: Free/$12 per month Premium
This year the browser-based IDE finally
came of age with a number of promising
projects offering fully-featured apps which
make collaborating from anywhere on even
large-scale projects. Among
these, Cloud9 has the edge.
Web Development Tools
Created by: Cygnis Media

8.  Sencha Touch 2
Price: Free
There's no denying that the mobile/touch
device has changed web development for
good. It's a broader, more heterogenous
world out there and everyone wants a piece
of the action.Sencha Touch 2 aims to put
that dream within reach of HTML5
developers.
Web Development Tools
Created by: Cygnis Media

9.  Adobe Edge Inspect
Price: Free
A great little app for mobile developers,
formerly known as Adobe Shadow, which
cuts a huge amount of hassle from the
design process. Just pair your devices
(Android and iOS) with your main
machine. Then the sites you browse to are
echoed direct to every connected device.
Web Development Tools
Created by: Cygnis Media

10.  Brackets
Price: Free
You'd think by now that the concept of the
code editor would be pretty mature.
There's so many out there and they're all so
similar it's easy to imagine that the final
blueprint has been found. Brackets shows
that even at this level there's plenty of
possibilities left to explore.
Web Development Tools
Created by: Cygnis Media

11.  Modernizr 2.6
Price: Free
Leading with improved
geolocation, WebGL and a host of
community contributed detections, the
latest update to Modernizr delivers some
important new detects for the progressive
enhancement cabal to get their teeth into.
Web Development Tools
Created by: Cygnis Media

12. Thank You