There are a number of tools that puts developers first, I have summarized a few that you can check out below by clicking on the links.
Codepen design patterns
CodePen is a playground for the front end side of the web. If you need to build a reduced test case to demonstrate and figure out a bug? CodePen is great for that. Want to show off your latest creation and get feedback from your peers? CodePen is great for that. Want to find example of a particular design pattern for you project? CodePen is great for that.
With the Froont tool you can develop responsive websites and collaborating on web design without code. You can build your pages with open design by taking elements from other pages to build your own.
Firefox Developer Edition
Developers are critical to the continued success of the Web. The content and apps they create compel us to come back to the Web every day, whether on a computer or mobile phone. Mozilla have launched the First Browser Built For Developer, the Firefox Developer Edition
Chrome Developer Tips and Tricks
Here is a really good blog entry about chrome developers tips and tricks
The Chrome Dev Editor
The Chrome Dev Editor is built with Polymer and Dart, making it the perfect learning experience for those looking to leverage either of the projects in their own work or for those looking for a cross-platform development environment on their desktops and Chrome OS.
The Chrome Dev Editor is currently in developer preview and is available on the Chrome Web Store. The editor is also open sourced under the BSD 3-clause license and can be found on GitHub.