2016 Favorite chrome extensions for Designers and developers


For some web architects and designers, Firefox is superb. For others, Firefox eats Chrome’s dust.For as far back as two years, since Google Chrome’s discharge, there’s been a seething open deliberation on which program is predominant. Mozilla’s open source item has stood the trial of time and Firefox has rapidly turned into the most utilized program, having surpassed Microsoft’s Internet Explorer.

We will do a progression of articles on our site with the best expansions and modules for real programs. This time we concentrate on augmentations .Working with Chrome offers access to a massive vault of Chrome augmentations and devices which make our day by day errands to a lesser degree a task. With the implicit designer instruments, there is by all accounts no further requirement for more devices. Notwithstanding.

I’d like to present you most loved Google Chrome augmentations for web designers.

  1. WhatFont (The easiest way to identify fonts on web pages.)

Clients: 108.154 | Rate: 4.5/5

What is the least demanding approach to discover the text styles utilized as a part of a site page? Firebug and Webkit Inspector are sufficiently simple to use for designers. Notwithstanding, for others, this ought not be important. With this expansion, you could investigate web textual styles by simply drifting on them. It is that basic and exquisite.

It also detects the services used for serving the web fonts. Supports Typekit and Google Font API.

2.AppJump App Launcher and Organizer  (Quickly launch Apps from browser toolbar. Organize Apps and Extensions into Groups. Manage Apps and Extensions with ease.)

Searching for a snappy route to your most loved Chrome Web App? AppJump is a launcher and coordinator for your Web Apps and Extensions!

With AppJump you can put Apps and Extensions into Groups to permit simple administration. You can likewise show particular gatherings of Apps in the launcher and begin them right on your program toolbar. This can be valuable for you on the off chance that you:

– Have bunches of Apps, or

– Have bunches of Extensions, and it’s an agony to oversee them

– Uses Chrome OS

– Likes propelling Apps from great old program symbol on beside the Address Bar

All input welcome. Trust this little apparatus will be useful to you!

  1. Page Ruler. Screen ruler  (A fantastically simple on-screen ruler for lining up and measuring type, line height, strokes and just about anything on the web.)

Get pixel immaculate with: level and vertical dragable rulers; pixel, picas and sort estimations, line stature aides and stroke widths. Move ruler with bolt keys, one pixel at once, and utilize different ruul together. ruler have 4 distinctive shaded ruler, steel and wooden ruler included.

  1. AwesomeScreenshot (Screen capture for all or part of any web page. Add annotations, comments, blur sensitive info, and share with one-click uploads.)

Catch all or part of any site page. Include comments, remarks, obscure delicate data, and offer with a single tick transfers. Presently with free desktop catch!

Great Screenshot is the most elevated evaluated screen catch and picture comment device on Chrome with more than 2 million clients! As a method for expressing gratitude toward our client base, we are no more offers in-application buys. Already

  1. Image Downloader (See all images shown or linked on a web page and download them).

Picture Downloader Professional is your apparatus to discover and gather photos of any sort in the web.

– Find huge amounts of pictures for the subject you need

– Download numerous high determination pictures without a moment’s delay

– Remember them in your photo list where you can watch and download them later

– Find and download pictures at tumblr.com without login

– Show or Download all photos of a site on the double

– Download the high determination pictures behind the thumbs at flickr, Google

– Including “Facebook Image Zoom and Downloader” (alternatively): Watch every photograph on your Facebook website as large as could be expected under the circumstances just by moving the mouse pointer over a little symbol on the photograph.

How it functions:

– –

With our blue toolbar symbol you can switch any site into a table perspective with all the usefulness you have to see, recollect and download the photos.

Attempt to make a picture seek at Google or flickr and afterward switch into our table perspective.

  1. Evernote Web Clipper (Use the Evernote extension to save things you see on the web into your Evernote account.)

Farewell, bookmarks. Hi, Web Clipper!

Cut the website pages you need to keep. Spare them in Evernote. Effortlessly discover them on any gadget.


– Great for exploration—cut any article or site page

– Clip to a particular scratch pad and appoint labels

– Use Evernote to discover cuts on any gadget


– Highlight key content from any site or article

– Use content and visual callouts to draw consideration

– Share and email cuts or make a URL join

Modify CLIPS

– Special arrangements for LinkedIn, Amazon and YouTube

– Clip Gmail strings and connections

– Clip as whole page, choice, or streamlined article.

  1. RescueTime for GoogleChrome™ (RescueTime is a personal-analytics service that helps you understand how you spend your time)

What’s new in 3.0.17:  minor improvement to server communication

RescueTime tracks the time you spend in the active tab or window of Chrome, or your ChromeOS device. This gives you a clear picture of what you were actually doing all day, to better manage your digital life.

If you walk away from your computer for a few minutes, RescueTime automatically figures out when you’re away and stops tracking.RescueTime does it’s best to auto-categorize the sites you visit. It also scores them on a scale from Very Productive to Very Distracting. You can easily fine-tune the defaults to suit your needs. It’s also simple to pause RescueTime, or delete any time you’d rather not have tracked.

Why it’s awesome:

You’ll never have to ask “Where the #@%! did my day go!?” again. RescueTime lets you see how you spent your time on a day, week, or month basis.

Everyone has those sites that they “only check a couple times a day” These can add

up to a lot of time without you realizing it. RescueTime makes it easy to see.

Having good information and constant feedback helps you manage your time better, so you can spend your day the way you’d like.

If you already have a full RescueTime account, this extension will work hand-in-hand with it, giving you an at-a-glance view of all the time you are tracking.

RescueTime also works for desktop apps and mobile devices using a downloadable client, so you can get a full picture of your digital day.

  1. Pinterest for GoogleChrome (Discover, collect, and share inspiration)

Add your most recent Pinterest pins to your email signature with the Pinterest email signature. Share your Pinterest sheets and acquire pinterest adherents. This chrome augmentation will permit you to share pinterest cites, formulas, pictures and makes and will let individuals repin from your pinboard. You can install your most loved Pinterest pins as a feature of your email signature or by utilizing the Sidebar to display a board close by the body of your email.

  1. WebDeveloper (Adds a toolbar button with various web developer tools. The official port of the Web Developer extension for Firefox)

The Web Developer augmentation adds a toolbar catch to the program with different web designer apparatuses. This is the official port of the Web Developer augmentation for Firefox.

Why does the augmentation now permit notices on all destinations?

This is a confinement of the Chrome APIs utilized for the incapacitate highlights. While empowering an impaired element the APIs just permit the augmentation to set a less prohibitive setting and not reset the setting completely. Hence if warnings have been already crippled and are presently empowered then the expansion can just set them to be empowered for all locales.

The ‘Reset Disable Features’ element under the “Cripple” tab can be utilized to reset the settings to their defaults, however take note of that this resets the greater part of the settings that can be changed under the “Disable” tab.

  1. Stylebot (Adapt the web’s appearance)

Stylebot lets you manipulate the appearance of any website with custom CSS.

You pick an element and choose any changes you want to make from the editor. You can change the font, color, margins, visibility and a lot more. You can also write CSS manually.

You can preview and install styles created and shared by other users on Stylebot Social (http://stylebot.me)

  1. Cloud Save (Cloud Save allows you to save files from any website to supported cloud services)

There’s a colossal movement from working locally to working in the cloud. As creators and engineers, you are usual to chipping away at the web, however do you additionally spare critical records online? In the event that your reason is that it’s not all that advantageous, you might need to investigate Cloud Save. Cloud Save permits you to spare documents from any site to upheld cloud administrations. Recovery to Amazon Cloud Drive, Dropbox and Flickr.

  1. BOOM (Get a better Dribbble experience with Booom)

Booom makes Dribbble better by showing larger shots in lists; putting Like and Add to Bucket buttons in lists; making GIFs auto play and bringing infinite scroll.

  1. 13. MARMOSET (Create gorgeous code snapshots)

Marmoset is a Chrome App which lets you create gorgeous code snapshots within seconds.

  1. Alexa Traffic Rank (The Official Alexa Traffic Rank Extension, providing Alexa Traffic Rank and site Information when clicked.)

Users: 229.128 | Rate: 4,6 /5

Alexa Traffic Rank is Alexa Internet’s free extension for Chrome, and is the only extension that includes you in Alexa’s traffic panel. The Alexa extension accompanies you as you surf, providing you with Alexa data about the sites you visit without interrupting your browsing.

Get quick and easy access to a site’s Alexa Traffic Rank and sites linking in. How does this site’s traffic compare to other sites on the Web?

  1. Code Cola (Code Cola is a chrome extension for editing online pages’ CSS style visually.)

Code Cola is an extension that allows users to edit individual pages inside of a website. The extension allows you to click on an area within a web page and edit the CSS automatically.


Leave a Reply

Your email address will not be published. Required fields are marked *