Only recently, we launched a submit on the 12 Google Chrome Extensions for Builders & Designers and whereas a few of these extensions can be found on Firefox, I wouldn’t repeat any right here.
In the identical means, among the extensions listed beneath can be found on Chrome so think about such apps as bonuses for the respective browsers.
1. HTML Validator
HTML Validator runs via your code to verify it follows the HTML commonplace conference. It shows the variety of errors it sees on the icon within the toolbar.
As a developer, I run via a number of code pages on GitHub once in a while when looking to see how different builders solved sure issues. In the event you’re like me then you will discover Octotree helpful.
Octotree shows GitHub code in a tree format. That means, you’ll be able to flick thru code traces with out downloading the supply information.
three. HTTPS In all places
HTTPS In all places encrypts the info you alternate with all main net pages even when they don’t use HTTPS.
So if you happen to get directed to pages that don’t use https you’ll be able to make sure that your communication on-line is safe.
four. Web page Efficiency Take a look at
Web page Efficiency Take a look at offers you statistics in your net pages by measuring their velocity and loading efficiency. It can save you the outcomes of the chart with a view to evaluate it to subsequent exams.
Usersnap allows you to take web sites screenshots and annotate them by including markup drawings and feedback. It additionally comes with a pixel ruler and may combine straight with numerous venture administration instruments together with Slac, Trello, and JIRA.
This record is not going to be full with out Usersnap provided that it allows an efficient suggestions course of. It’s a paid service, although, with a 14-day free trial.
7. Internet Developer Guidelines
The Internet Developer Guidelines extension supplies you with an outline of how usable your web site is in keeping with the most effective design and improvement practices.
Clicking the icon will inform you about your web site’s website positioning, pleasant URLs, favicon, and so on. with checkmarks subsequent to them to point a go.
eight. React Developer Instruments
With the seemingly never-ending rise of React’s reputation, React builders are born virtually day by day and the React staff has them coated.
React Developer Instruments offers you the flexibility to examine a React tree together with its state, props, hierarchy, and so on. To activate it, launch Firefox devtools and swap to the React tab.
There may be additionally a model for Vue builders within the type of Vue.js devtools.
ColorZilla is a wonderful instrument for builders and graphic designers to select colors from totally different net pages.
It additionally comprises an eyedropper, a gradient generator, palette browser, and color historical past.
10. Evernote Internet Clipper
Evernote Internet Clipper allows you to take screenshots of net pages and robotically saves them to your Evernote account from which you may make annotations and share with staff members.
11. Cookie Supervisor
Cookie Supervisor is a security-conscious extension that allows you to view, add, edit, delete, and seek for cookies in any area.
What’s even cooler about Cookie Supervisor is you can export and import cookies between domains.
12. Stay Editor for CSS and LESS
Stay Editor for CSS and LESS allows you to write CSS/LESS code straight into your browser. Your code takes impact instantly and will likely be saved at web site stage in your browser’s native storage.
Its in-page editor options autocomplete, beautify, linter, and so on. You need to test it out.
Do you fancy any of the listed extensions or have you ever received a listing that we are able to use? The feedback part is beneath.