Marketing
The best Google Chrome extensions for designers in 2017
Chrome extensions…they’re better than a bookmark, better than in-browser apps, ridiculously handy, and a fantastic (usually free!) resource for web designers.
You may already be using some extensions, not to mention Chrome’s own DevTools if that’s your style, but don’t stop there! If you’re missing out on any of these must-have Chrome extensions, your workflow might have room for some improvement.
In alphabetical order (because that’s how this particular writer rolls), these are the best Google Chrome extensions for web designers in 2017:
Attachment Icons for Gmail
If you use Gmail for your web design business and you’re dealing with a lot of attachments, this extension will make your emails infinitely more scannable. Each type of attachment (PDF, JPEG, etc.) has its own icon, and that icon will replace the generic paperclip attachment icon in your email list. Now you just need to look for the PDF icon when you’re scanning for that PDF your client sent you a while back, instead of digging through every single attachment.
Code Cola
Look at your site’s source code with Code Cola…and then edit the CSS right there in the source code and see the changes instantly. If CSS is part of your design workflow, this could be your new best friend.
ColorZilla
If you don’t already have a favorite color picker, eyedropper, and gradient generator all in one, check out ColorZilla. It can do all of those things and more. Who doesn’t love a color picker?
CSS-Shack
If you prefer building things in a photo editor and then taking it live on the web later, you are going to love CSS-Shack. With this extension, you can build a site in an environment that feels a lot like a photo editor (using all the same tools you’ll see in your favorite photo editor, too). When you’re ready, you can export the design to a CSS file to use on the site. It’s like magic…glorious CSS magic.
DomFlags
If you work with DevTools, this will be a complete game-changer. DomFlags lets you create your own keyboard shortcuts to DOM elements, which will dramatically increase how quickly you’re able to style the elements in your design. If time is money, and this tool gives you way more time, well…you do the math.
Instant Wireframe
Turn any page into a wireframe. When you turn it on, you’ll see the page under some transparent wireframes. Pretty cool!
Page Ruler
There are a few different screen ruler extensions, and this one’s my favorite. Turn it on and you’ll be able to measure any element on the page you’re viewing. Draw rulers to get pixel dimensions, positioning, and anything else your inner measuring tape needs to feel satisfied. Plus, you can operate it with the arrow keys on your keyboard. There’s also a special mode that will measure the elements on the page as you hover over them.
Responsive Web Design Tester
This extension lets you view a site the way a whole host of mobile devices would. It’s fantastic for perfecting your responsive design for mobile.
WhatFont and Fontface Ninja
Maybe it’s because I love fonts but am not very good at recognizing specific fonts when I see them, but WhatFont is one of my personal favorites. With this Chrome extension turned on, you can hover over any font on a website and see what it is. Inspiration, meet practicality.
Take your font-icizing a step further with Fontface Ninja, which will not only show you all the fonts on a website but connect you to the source so you can buy them right there.
Window Resizer
When you’re working on a design and trying to perfect its responsiveness, this tool will really come in handy. It resizes your browser window according to all kinds of popular monitor dimensions, and you can plug in custom dimensions or resolutions, too. Easy, peasy, responsive squeezy.
Yslow
We all know loading speed is crucial (it’s one of the things that sets Flywheel apart, after all!) but we don’t always know what’s gumming up the works on a slow site. Yslow changes all of that. This extension will tell you how quickly your page is loading and also help you identify the slower bits by comparing the page against 23 of the 34 rubrics Yahoo’s performance team uses. Once you know what the problem is, you can work up a pretty fast solution (see what I did there?).
45to75
This handy little extension helps you optimize the text portion of your designs for readability across all screen sizes. The ideal range of characters in any line is 45 to 75, hence the name, and when you apply this extension to a page you’re testing, you can see where your text falls with just a right-click.
Which one is your new favorite?
Are you already using these Google Chrome extensions? What’s the absolute best one you’ve found so far? Which ones can you not live without?
Comments ( 95 )
RonaldFOEFS
May 9, 2025
https://maxviagramd.com/# generic sildenafil 100mg
RobertKet
May 9, 2025
safe modafinil purchase: verified Modafinil vendors - Modafinil for sale
LorenzoBlize
May 9, 2025
generic tadalafil [url=https://zipgenericmd.shop/#]buy generic Cialis online[/url] buy generic Cialis online
Kennethsheby
May 6, 2025
pin up azerbaycan: pin up azerbaycan - pin up az
Kennethsheby
May 6, 2025
пинап казино: пин ап вход - pin up вход
Kennethsheby
May 5, 2025
pin up: pin-up casino giris - pin-up casino giris
Kennethsheby
May 5, 2025
pin-up casino giris: pin-up casino giris - pin up az
Kennethsheby
May 5, 2025
вавада казино: вавада зеркало - vavada casino
Kennethsheby
May 4, 2025
vavada вход: вавада казино - vavada
Kennethsheby
May 2, 2025
vavada вход: вавада - вавада казино
Kennethsheby
May 2, 2025
pin up вход: pin up вход - pin up вход
Kennethsheby
May 2, 2025
пин ап зеркало: пин ап казино официальный сайт - pin up вход
ElmerSip
May 1, 2025
vavada: vavada - вавада официальный сайт
Richardmat
May 1, 2025
вавада [url=http://vavadavhod.tech/#]вавада казино[/url] вавада зеркало
Kennethsheby
May 1, 2025
vavada casino: vavada - вавада
BrianCrugh
May 1, 2025
pin up: pin up - pin-up
ElmerSip
April 30, 2025
пин ап казино: пин ап казино официальный сайт - пинап казино
Kennethsheby
April 30, 2025
vavada вход: вавада официальный сайт - вавада официальный сайт
ElmerSip
April 30, 2025
pin up: pin up az - pin-up
Kennethsheby
April 30, 2025
vavada: вавада казино - vavada вход
Kennethsheby
April 30, 2025
вавада официальный сайт: vavada вход - вавада зеркало
ZackaryCaush
April 30, 2025
http://pinupaz.top/# pinup az
Richardmat
April 30, 2025
vavada [url=https://vavadavhod.tech/#]вавада официальный сайт[/url] vavada
ElmerSip
April 30, 2025
пин ап вход: пин ап казино - pin up вход
MichaelFaulp
April 30, 2025
indian pharmacy online: india pharmacy - indian pharmacy paypal
Walterhap
April 30, 2025
https://medicinefromindia.shop/# Medicine From India
Stevendrype
April 30, 2025
canada pharmacy world: Generic drugs from Canada - my canadian pharmacy
Michaeljouch
April 30, 2025
indian pharmacy online shopping [url=https://medicinefromindia.shop/#]Medicine From India[/url] indian pharmacy online shopping
Dannysit
April 29, 2025
Rx Express Mexico: Rx Express Mexico - mexico pharmacy order online
Dannysit
April 29, 2025
mexico pharmacy order online: mexico pharmacies prescription drugs - mexico pharmacy order online
Stevendrype
April 29, 2025
pharmacy canadian: Buy medicine from Canada - canadian pharmacy 24h com
Walterhap
April 29, 2025
http://expressrxcanada.com/# online canadian drugstore
MichaelFaulp
April 29, 2025
indian pharmacy online: MedicineFromIndia - MedicineFromIndia
Stevendrype
April 29, 2025
indian pharmacy: indian pharmacy online - medicine courier from India to USA
Dannysit
April 29, 2025
Rx Express Mexico: mexico drug stores pharmacies - best online pharmacies in mexico
Walterhap
April 29, 2025
http://expressrxcanada.com/# canadian mail order pharmacy
MichaelFaulp
April 29, 2025
mexico drug stores pharmacies: mexico pharmacies prescription drugs - RxExpressMexico
Stevendrype
April 29, 2025
legitimate canadian mail order pharmacy: Express Rx Canada - best canadian pharmacy online
Dannysit
April 29, 2025
medicine courier from India to USA: indian pharmacy online - indian pharmacy
Michaeljouch
April 29, 2025
Rx Express Mexico [url=https://rxexpressmexico.shop/#]mexico drug stores pharmacies[/url] Rx Express Mexico
Stevendrype
April 29, 2025
safe canadian pharmacy: reputable canadian online pharmacy - canadian drugs online
MichaelFaulp
April 29, 2025
indian pharmacy online shopping: medicine courier from India to USA - medicine courier from India to USA
Dannysit
April 29, 2025
pharmacy com canada: online canadian drugstore - canadian king pharmacy
Walterhap
April 29, 2025
http://rxexpressmexico.com/# mexico pharmacy order online
Michaeljouch
April 28, 2025
canada rx pharmacy world [url=https://expressrxcanada.com/#]Express Rx Canada[/url] canada drugs online review
Stevendrype
April 28, 2025
canadian pharmacy meds reviews: Express Rx Canada - canadian mail order pharmacy
MichaelFaulp
April 28, 2025
best rated canadian pharmacy: canadian pharmacy meds reviews - cheap canadian pharmacy online
Dannysit
April 28, 2025
RxExpressMexico: mexican online pharmacy - Rx Express Mexico
Walterhap
April 28, 2025
https://expressrxcanada.com/# canadian pharmacy ed medications
Michaeljouch
April 28, 2025
canadian pharmacy world [url=https://expressrxcanada.shop/#]Express Rx Canada[/url] canadian family pharmacy
Stevendrype
April 28, 2025
pharmacies in mexico that ship to usa: mexican rx online - mexico pharmacy order online
Dannysit
April 28, 2025
indian pharmacy online: indian pharmacy - medicine courier from India to USA
MichaelFaulp
April 28, 2025
RxExpressMexico: mexican border pharmacies shipping to usa - mexico drug stores pharmacies
Walterhap
April 28, 2025
http://medicinefromindia.com/# medicine courier from India to USA
Stevendrype
April 28, 2025
mexican rx online: mexican online pharmacy - mexican rx online
Michaeljouch
April 28, 2025
canadian pharmacy reviews [url=https://expressrxcanada.com/#]Canadian pharmacy shipping to USA[/url] canadian mail order pharmacy
Dannysit
April 28, 2025
Medicine From India: MedicineFromIndia - indian pharmacy online shopping
MichaelFaulp
April 28, 2025
Medicine From India: MedicineFromIndia - MedicineFromIndia
Walterhap
April 28, 2025
https://medicinefromindia.com/# indian pharmacy online
Stevendrype
April 28, 2025
pharmacy website india: MedicineFromIndia - MedicineFromIndia
BilliesniCt
April 28, 2025
pharmacie en ligne sans ordonnance: pharmacie en ligne - pharmacie en ligne fiable pharmafst.com
Bradleyfup
April 28, 2025
pharmacie en ligne livraison europe: pharmacie en ligne sans ordonnance - Pharmacie sans ordonnance pharmafst.com
PeterUnomb
April 28, 2025
Acheter Kamagra site fiable [url=https://kamagraprix.com/#]Kamagra pharmacie en ligne[/url] kamagra oral jelly
Bradleyfup
April 27, 2025
Achat mГ©dicament en ligne fiable: pharmacie en ligne sans ordonnance - п»їpharmacie en ligne france pharmafst.com
PeterUnomb
April 27, 2025
Pharmacie Internationale en ligne [url=https://pharmafst.shop/#]Pharmacies en ligne certifiees[/url] trouver un mГ©dicament en pharmacie pharmafst.shop
Bradleyfup
April 26, 2025
Pharmacie en ligne livraison Europe: pharmacie en ligne sans ordonnance - pharmacie en ligne france livraison belgique pharmafst.com
Bradleyfup
April 26, 2025
kamagra gel: kamagra livraison 24h - kamagra en ligne
BernardVeida
April 26, 2025
Pharmacie sans ordonnance: pharmacie en ligne - pharmacie en ligne avec ordonnance pharmafst.com
BilliesniCt
April 26, 2025
Pharmacie sans ordonnance: Livraison rapide - pharmacie en ligne avec ordonnance pharmafst.com
PeterUnomb
April 26, 2025
pharmacie en ligne france pas cher [url=https://pharmafst.com/#]Pharmacie en ligne France[/url] pharmacie en ligne livraison europe pharmafst.shop
PeterUnomb
April 26, 2025
vente de mГ©dicament en ligne [url=http://pharmafst.com/#]pharmacie en ligne sans ordonnance[/url] п»їpharmacie en ligne france pharmafst.shop
Bradleyfup
April 26, 2025
pharmacie en ligne livraison europe: Meilleure pharmacie en ligne - Pharmacie Internationale en ligne pharmafst.com
BilliesniCt
April 26, 2025
Kamagra Commander maintenant: Achetez vos kamagra medicaments - Acheter Kamagra site fiable
PeterUnomb
April 25, 2025
kamagra en ligne [url=https://kamagraprix.com/#]Acheter Kamagra site fiable[/url] Achetez vos kamagra medicaments
Bradleyfup
April 25, 2025
kamagra oral jelly: Acheter Kamagra site fiable - kamagra 100mg prix
BernardVeida
April 25, 2025
Kamagra Commander maintenant: achat kamagra - Acheter Kamagra site fiable
PeterUnomb
April 25, 2025
Cialis en ligne [url=https://tadalmed.com/#]Tadalafil sans ordonnance en ligne[/url] Cialis sans ordonnance pas cher tadalmed.com
Bradleyfup
April 25, 2025
Acheter Viagra Cialis sans ordonnance: Cialis en ligne - cialis generique tadalmed.shop
BilliesniCt
April 25, 2025
kamagra livraison 24h: Achetez vos kamagra medicaments - kamagra oral jelly
BernardVeida
April 25, 2025
Tadalafil 20 mg prix en pharmacie: cialis generique - Achat Cialis en ligne fiable tadalmed.shop
Robertmut
April 25, 2025
https://kamagraprix.com/# kamagra en ligne
Bradleyfup
April 25, 2025
Cialis generique prix: Pharmacie en ligne Cialis sans ordonnance - Acheter Cialis 20 mg pas cher tadalmed.shop
PeterUnomb
April 25, 2025
pharmacie en ligne [url=http://pharmafst.com/#]Livraison rapide[/url] pharmacie en ligne pharmafst.shop
BilliesniCt
April 25, 2025
acheter mГ©dicament en ligne sans ordonnance: Medicaments en ligne livres en 24h - Achat mГ©dicament en ligne fiable pharmafst.com
BernardVeida
April 25, 2025
pharmacie en ligne livraison europe: pharmacie en ligne - pharmacie en ligne france livraison belgique pharmafst.com
Robertmut
April 25, 2025
https://pharmafst.shop/# pharmacie en ligne france livraison belgique
Bradleyfup
April 25, 2025
Tadalafil sans ordonnance en ligne: Acheter Viagra Cialis sans ordonnance - Tadalafil achat en ligne tadalmed.shop
BernardVeida
April 25, 2025
kamagra 100mg prix: acheter kamagra site fiable - Kamagra Oral Jelly pas cher
PeterUnomb
April 25, 2025
Kamagra pharmacie en ligne [url=http://kamagraprix.com/#]kamagra gel[/url] achat kamagra
DavidSaisp
April 24, 2025
Kamagra pharmacie en ligne: kamagra gel - acheter kamagra site fiable
To tài khon binance
March 4, 2025
Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.
Munzur
August 31, 2017
Here another Free Extension, Every Chrome user should use
https://chrome.google.com/webstore/detail/clipboard-history-2/ajiejmhbejpdgkkigpddefnjmgcbkenk
Ivan Ivanov
August 26, 2017
I use 7 Times Faster. It's a ad blocker. It can speed up your internet in 2 times. And it's a much more faster than AdBLock and uBlock
Vishnu Goyal
July 20, 2017
Thanks for this list. It's very useful.
Also include WordPress Theme and Plugins Detector.
Chyno Deluxe
July 18, 2017
This is great list of chrome extensions Ashley. I use a few of these myself. I also wanted to share an extension I created with you called Auto Mute.
It's a chrome extension that prevents multiple tabs from playing audio simultaneously. If you have multiple tabs playing audio, then all non-active, audible, tabs will be automatically muted and only the active audible tab you are viewing will be left un-muted.
This has boosted my productivity and I'm certain it can boost your and your readers productivity as well. If you do try it, I hope it helps improve your workflow as it's helped mine.
Auto Mute Inactive Tabs - https://chrome.google.com/webstore/detail/auto-mute-inactive-tabs/apadglapdamclpaedknbefnbcajfebgh