best chrome apps and extensions for developers

10
9 Chrome Apps Every Web Developer Needs

Upload: monksbistro

Post on 14-Aug-2015

175 views

Category:

Internet


0 download

TRANSCRIPT

Page 1: Best Chrome Apps and Extensions for Developers

9 Chrome Apps Every

Web Developer Needs

Page 2: Best Chrome Apps and Extensions for Developers

Awesome Screenshot captures all or part of any web page, with add ons like annotations, comments, blur sensitive info, and share with one-click uploads. Get point specific feedback on your screenshots and designs by using Awesome Screenshot. This app also allows you to share and collaborate with friends and colleagues.

#1. Awesome Screenshot

Page 3: Best Chrome Apps and Extensions for Developers

Chrome Remote Desktop allows users to remotely access another computer through the Chrome browser or a Chrome book.Chrome Remote Desktop is fully cross-platform. Support can be made available on an short-term basis for scenarios such as ad hoc remote support, or on a more long-term basis for remote access to your applications and files. All connections are fully secured.

#2. Chrome Remote Desktop

Page 4: Best Chrome Apps and Extensions for Developers

JSON is validated using a client-side JavaScript implementation of JSONLint.Normally when encountering a JSON document (content type "application/json"), Firefox simply prompts you to download the file. With the JSONView extension, JSON documents are shown in the browser similar to how XML documents are shown. The document is formatted, highlighted, and arrays and objects can be collapsed.

#3. JSON View

Page 5: Best Chrome Apps and Extensions for Developers

Provides Chrome browser integration for the official LiveReload apps (Mac & Windows) and third-parties like guard-livereload and yeoman.LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed. Even cooler, when you change a CSS file or an image, the browser is updated instantly without reloading the page.

#4. Live Reload

Page 6: Best Chrome Apps and Extensions for Developers

Analyze the performance of your webpages and get specific suggestions on how to optimize them. This app checks the Mobile PageSpeed score for every page and gives you a handy preview. The UI is using the open source code, which is different from the current PageSpeed Insights extension.

#5. Page Speed insights

Page 7: Best Chrome Apps and Extensions for Developers

Automatically makes JavaScript files you come across on the net look great! No need for copy/pasting or anything else it all happens on the fly for your convenience. Pretty beautiful JavaScript works to unpack/unobfuscate, format, and add syntax highlighting.

#6. Pretty Beautiful JavaScript

Page 8: Best Chrome Apps and Extensions for Developers

What Font is the easiest way to identify font on a webpage. With this extension, you could inspect web fonts by just hovering on them. It is that simple and elegant. It also detects the services used for serving the web fonts. Supports Typekit and Google Font API.

#8. What Font

Page 9: Best Chrome Apps and Extensions for Developers

HTML/CSS/JavaScript editing and JavaScript debugging using JetBrains IDEs. With the JetBrains Chrome extension, you can run several debugging sessions controlled by several IDEs and switch between them by changing the port which the extension listens to. And finally, the extension provides the possibility to override default settings and access local script on your machine that are by default protected.

#9. JetBrains IDEs Support

Page 10: Best Chrome Apps and Extensions for Developers

Got to add some more? Shout Out:

www.facebook.com/monksbistro

www.twitter.com/[email protected]

www.monksbistro.com