What is Web development tools?
Even the most experienced developers often get caught in a programming pickle. Thankfully, there’s a wealth of online resources and tools to help you out when you get stuck. To get a better idea of the some of the lesser-known resources, I spoke with the the Galvanize Full Stack team about some of their favorite tools that other programmers might not know about.
Check out these six awesome tools and level up your skills:
Reflex is a small tool to watch a directory and rerun a command when certain files change. It’s great for automatically running compile/lint/test tasks and for reloading your application when the code changes.
Caught your interest, didn’t I? Take a look at the awesome stuff Reflex does:
- Reflex has no dependencies. No need to install Ruby or anything like that.
- Reflex uses an appropriate file watching mechanism to watch for changes efficiently on your platform.
- Reflex gives your command the name of the file that changed.
- No DSL to learn — just give it a shell command.
- No plugins.
- Not tied to any language, framework, workflow, or editor.
The DevTools are organized into task-oriented groups in the toolbar at the top of the window. Each toolbar item and corresponding panel let you work with a specific type of page or app information, including DOMelements, resources, and sources.
Here are the eight main groups of tools available view Developer Tools:
Tree is a recursive directory listing command that produces a depth indented listing of files, which is colorized ala dircolors if the LS_COLORS environment variable is set and output is to tty.
Tree has been ported and reported to work under the following operating systems: Linux, FreeBSD, OS X, Solaris, HP/UX, Cygwin, HP Nonstop and OS/2.
Here’s an example of what Tree looks like:
What about frontend developers? One example of an incredibly effective set of tools for designers and web developers on the Mac is xScope. xScope is an app that has a wide array of features, and allows you to layout and measure elements on screen in an incredibly “Mac-Like” way. The seven included tools offer everything from color sampling to pixel spacing, and everything in between.
The 7 tools available are:
Mou is a Markdown editor for developers, on Mac OS X. It features live preview, sync scroll, auto save, powerful actions, auto pair, custom themes and CSS, HTML and PDF export, enhanced CJK support and more.
Paw is a full-featured and beautifully designed Mac app that makes interaction with REST services delightful. Whether you’re an API maker or consumer, Paw helps you build HTTP requests, inspect the server’s response and even generate client code.
Build your HTTP requests with Paw, try them out, and just copy/paste code in your app.
Unleash your capabilities. Access data from previous responses, so you can send back whatever the server returned. Compute hashes, authentication tokens, signatures, randomize data for testing, do some maths, or anything you want.
Parametrize your Requests with Environment Variables, then seamlessly switch between Environments to give differents values to your variables. Ideal to set up production or test servers, or have multiple users profiles.
Time matters. Paw helps you build HTTP requests quickly thanks to formatters that matches the kind of input you need.