17 of my favorite Chrome extensions!

S1862_MyFavoriteChromeExtensions.jpg

I’m a Mac user and will likely be one for the foreseeable future. Their interface makes more sense to my creative brain; the clean lines & simplicity just mesh better with me all around. Plus I “grew up” with it being the standard machine used for the design industry, which is also what my formal education is based on.

That being said, I have the choice of using Safari, Firefox, Opera or Chrome, and I’m sure there are some others I don’t know exist, but I choose to use Chrome because of all the available extensions! Let’s dive into that list now!

(*I’m not an affiliate for any of these companies or businesses, with the exception of Trello & those aff-links will be marked with an asterisk*)

 
S1862_SectionDivider_gold.png
 


Web Design

1 | Color Zilla

A color picker like that of Photoshop’s, for your web browser. Need the shade of blue that Facebook uses? Now you don’t have to right click, check Inspect and find it that way, or take a screenshot/drag an image into Photoshop and use its eye dropper tool.

Even better? It gives you the Hex code and automatically copies it to your clipboard. Here’s some more goodies you can get from this extension:

✓ Eyedropper - get the color of any pixel on the page
✓ Advanced Color Picker (similar to Photoshop's)
✓ Ultimate CSS Gradient Generator
✓ Webpage Color Analyzer - get a color palette for any site
✓ Palette Viewer with 7 pre-installed palettes
✓ Color History of recently picked colors
✓ Displays element information like tag name, class, id, size etc.
✓ Auto copy picked colors to clipboard
✓ Keyboard shortcuts
✓ Get colors of dynamic hover elements
✓ Single-click to start color picking (currently only on Windows)
✓ Pick colors from Flash objects
✓ Pick colors at any zoom level



2 | Page Ruler

This one is great for ever-changing banner image sizes, profile pic sizes, and pretty much anything else on the web! See a button size that you like? Get the exact pixel dimensions with this extension, and all of these features too:

✓ Draw a ruler to any page and view the width, height and top, bottom, left and right position
✓ Drag the edges of the ruler to resize it
✓ Use the arrow keys to move and resize the ruler
✓ Show guides extending from the ruler edges
✓ Manually update the size and position of the ruler from the toolbar to make precision changes
✓ Enable “Element Mode” to outline elements on the page as you move your mouse over them
✓ Navigate through parents, children and sibling elements of any measured element



3 | Finding Fonts

Font Finder
This one is a must-have for designers! See a font on another website that you like & are DYING to know what it is? This extension will tell you (without having to open & weed through the Inspect page function of Chrome) the CSS for that font style, including this info:

✓ Font color (rgb and hex)
✓ Background color (rgb and hex)
✓ Font family (including actual font being rendered!)
✓ Font size
✓ Line-height, vertical-align, letter and word spacing
✓ Font weight, style, variant
✓ Text transform, decoration, align and indent
✓ Element's type, class and ID

Holy sh!t, right! That’s everything you’d see that’s relevant from the Inspect function, without the hassle of locating it in the code. It’ll definitely save you a few seconds, even if you know how to look for it in Inspect mode, and minutes if you don’t know how to use Inspect mode.

 

Font Finder, screenshot example

 


WHAT FONT?
(Make sure you refresh the page after installing this one or it doesn’t work!)

This one is a simple & elegant solution to your font-finding treasure hunt. Simply click the extension & it enters that mode, then you just hover over any font to see the name, or click to see some more details. It lays it out simply & in layman's terms you can understand, if you don’t code.

If you’re looking to copy the code for it, then you’ll need the other (Font Finder) extension, because this one doesn’t show you the information in classic CSS style.

 
What Font - hover option

What Font - hover option

What Font - click option

What Font - click option

 


4 | Full Page Screen Capture

This one is great for those of us who design websites, and getting that full web page into our Portfolios and I literally use it ALL THE TIME.

With one click, this extension takes multiple snapshots of the web page and puts them in 1 file you can easily download as a pdf or png.


5 | Loom

Loom is a company that offers video screen capture with optional audio and/or camera video, and uploads it as you record. As of posting, it’s a free service.

It’s great to use for video tutorials, and so much easier than using a separate software, editing then uploading it to YouTube or Vimeo or some other video platform so it can be embedded on my site remotely.

Loom even lets you trim the video clip, add a description to the bottom, allows comments & tells you what time stamp they commented. My favorite for creating tutorial walk-throughs for my clients on how to use their new website! When they have questions (& comment about it) I can see the part of the video where they decided to ask the question which really helps focus on what they’re asking specifically & why.



6 | meta Tag Analyzer

This one is a simple tool that can analyze any site’s meta tags, including HTML Meta, Open Graph, App Links, Twitter Cards and App Indexing.


It scores you based on what it finds, and you get a stamp for Good, Great and Excellent in a rating of 1-100, I believe. It keeps a running tab on this score number, right there on the extension icon, so you don’t necessarily have to open it to find out the score.

 
Meta Tag Analyzer’s score for Dubsado’s homepage   (See the score in the extension icon too?)

Meta Tag Analyzer’s score for Dubsado’s homepage (See the score in the extension icon too?)

 



7 | SEO META in 1 CLICK

This one is SUPER helpful in doing your own SEO or implementing basic SEO for your own site, sites you help maintain but maybe didn’t design, or (of course) sites you’re designing.

It displays all meta data plus SEO info (title, description, headers, images, links, Facebook, Twitter...) and it also includes:


✓ title and its length,
✓ description and its length,
✓ URL (and meta-canonical url too),
✓ meta-robots,
✓ displaying headers in order of their appearance in HTML (H1, H2, H3, H4, H5 and H6),
✓ number of images with and without ALT,
✓ the number of links (internal, unique, ...)
✓ Open Graph (Facebook) and twitter social data
✓ Robots.txt and sitemap.xml

This is where I say, HOW COOL, RIGHT? But that obvs makes me a total nerd.  LOL


8 | Grammarly for Chrome

Anywhere you type on the web, Grammarly can be there to help you say it right. That goes for Facebook, Gmail, Twitter, Squarespace, your email marketing service, Dubsado, etc.

When there’s an error, Grammarly highlights it on the page. When you click that spot, their small pop up lets you choose whether to correct it or leave it alone. After all, soooooometimes we spell things wrong on purpose, right?

Here’s what they say about themselves:

Contextual spelling checker
Grammarly detects correctly spelled words used in the wrong context. You can stop worrying about misusing homophones like lose/loose, affect/effect, lie/lay, there/their/they’re, and many other commonly confused words.

Grammar checker
Grammarly can fix hundreds of complex grammatical errors, including subject-verb agreement, article use, and modifier placement, to name just a few.

Trusted by millions of users
Grammarly is trusted by students, writers, business professionals, bloggers, and plenty of people who just want to write better. Grammarly adapts to your needs and writing style, giving you the confidence of mistake-free communication every time you write.

Grammarly in the news
Forbes: “Grammarly quickly and easily makes your writing better and makes you sound like a pro, or at least helps you avoid looking like a fool.”
Harvard Business Review: “...good grammar is instrumental in conveying ideas with clarity, professionalism, and precision...Good grammar is simply good business.”
ABC News: “Poor grammar is just as offensive as gross pick-up lines.”



9 | Squarespace Collection/Block Identifier

This one is specifically geared toward Squarespace users & designers. It displays the collection and block ID for everything on the page using a Squarespace block, which makes it easier to target using custom CSS.

It makes it easier to find, which means you can avoid slogging through source code in order to find that info.

Just click on the overlay buttons and the extension automatically copies the ID to your clipboard.


10 | Squarespace Help Toolbar

This one is just like a helpful bookmark tool for quick access to the Squarespace Help Knowledge Base and Answers community. If you find that you search these areas a lot, it may help you.


11 Toggl Button: Productivity & Time Tracker

I tend to use the time tracker in Dubsado, when needed, but this is handy too & even shows up in Trello, Asana, Todoist, and Jira among 100+ other integrations!

It’s free to create an account, and the little plugin manages things like: Pomodoro timers, idle detection, and tracking reminders.

Since I use Dubsado for invoicing, I just input the time from my Toggl (when used) into the invoice manually.




General use:

12 | Tailwind Publisher

This makes scheduling pins with Tailwind so much faster! Here are some specifics in their words:

Schedule content at lightning speed: See all of the shareable images on a webpage with one click, then schedule as many of them as you’d like.
Post content conveniently, as you discover it: Schedule any image on the web by clicking the "Schedule" button when hovering over it.
Repin or Regram in bulk from anywhere on the web, even from Pinterest and Instagram!
Pin the same Pin to multiple Pinterest boards, or to a group of boards, then set an interval between the publishing of each Pin so as not to overwhelm your followers.

A little tip for finding pins naturally in my own Pinterest newsfeed, click the schedule button & leave that popup window open and move it off to the side. Don’t do anything on that page, just leave it be. Go back to your Pinterest feed and keep clicking the Schedule button on other pins – it loads on that other page each time & saves it to your drafts automatically. You can go back later & fill out everything to schedule them.

For scheduling in bulk though, definitely use the extension.

Let’s say you’re on a blog archives page and there are several articles you want to share on your own Pinterest account, knowing your followers would also find the info helpful. Select the extension button, click all the images you want to schedule, then select the “Go Schedule” button in the bottom right corner. That takes you to the same pop-up page as the individual “Schedule” button that appears over images on hover.

You can choose to exit out of that window & schedule later, if you want (because they’re already saved to your drafts at that point) or you can schedule everything right there, including all the extras you may normally do like pinning to multiple boards, adding hashtags to the description or including a wait time between pins (if pinning the same thing to multiple boards).


13 | Facebook Pixel Helper

This one just lets you know if/how many Facebook Pixels are embedded on the site you’re visiting.

In case you don’t know, Facebook Pixels are one of the ways that websites can target a specific person or audience in their marketing, which is why you often see ads on Facebook for products you’ve recently looked at online (or similar items).

These days, it’s safe to assume most sites have a Facebook Pixel installed (mine does, though I’m not actively using it for marketing). So if you want to avoid this you may want to consider using a Private mode or downloading Opera for the private VPN (Virtual Private Network) feature.

Mainly, this is helpful for installing the Pixel at the start of a website. It lets you know whether or not the installed Pixel is functioning properly on that page, and whether or not there is more than 1 on that site.


14 | Toby & Toby Mini

TOBY
Toby, the company, essentially lets you create a free account that allows bookmarking, tab style.

What I mean by that is, if you’re the type of person to have 5 or more tabs open at any given time in your web browser, then you can save your entire session with Toby and open all those tabs again later with 1 click. Even if you had to close/quit Chrome or shut down your computer.

More than that: if you have a certain set of tabs open when you create blog posts, then you can essentially bookmark that group & name it “Blog Post Group” (or whatever). You can have a group for pinning/scheduling to Pinterest, or scheduling all of your social media (which could include tabs for Facebook, Instagram, Pinterest, Tailwind, Later/Buffer/Hootsuite, etc.).

For quick access, this extension lives in your new tab window until you visit a site on it. If you don’t like that, or have another app taking up residence in your new tab windows & you like it that way & don’t want to change that but still want the Toby features, then Toby Mini is for you.

TOBY MINI
Toby Mini has all the same features as the big Toby, except it doesn’t interfere with whatever your tabs look like. You can access it all from the extension icon in Chrome. So it might be an extra click or two, but worth it if you don’t want Toby living in your New Tab pages.

15 | Momentum

AKA the reason I use Toby Mini. This extension lives in your New Tab page only, and gives you beautiful scenery as the background, the current time, a super easy to use to-do list, brief weather stats for your location, an area for links, and an awesome motivational/inspirational quote for the day.

Their main feature list includes:

New inspirational photo and quote each day
Set a daily goal/focus/intention
Keep track of tasks with Todo list
See the weather and forecast
Links and search
Show bookmarks bar on new tab
Default Chrome Tab/Apps links
Customize the dashboard by showing/hiding widgets
Set your uptime and downtime with Balance mode
Feel good and get things done!

Other features are available after upgrading. I use the free version & that’s enough for me but here are the plus features:

Customize font and color themes
Add your own quotes and background photos
Skip to a new photo or quote whenever you like
Todo integrations: Asana, Trello, Todoist, GitHub, Wunderlist, Google Tasks
More widgets: Notes, Countdown timer, Metrics
Autofocus mode: pull your tasks into your focus, combine with integrations
Enhanced Weather: extra weather info and more accurate feed
Enhanced Todo: multi-todo lists and color labels
Priority support from our friendly team
Support the development of Momentum (Thank you!)
Enjoy next level focus and productivity



16 | Honey

This one is a DEFINITE MONEY-SAVER.  (They also just released an iPhone app!! I just downloaded it, but haven’t used it yet.)

It searches for coupon codes on tons of online stores and gives you the best deal available for your purchase. It even works on Amazon and will also tell you whether the price has dropped recently or not so you can add it to a wait list & get an alert when it’s on sale again.

I have personally used this (and all the other extensions in this list, so I guess you already knew that) to save money on so many orders. Hello $20+ savings on Bath & Body Works, Amazon, True&Co, Third Love, and sooooooo many more!

It doesn’t work every time, but when it does it definitely saves me money & has already proved it’s worth in a short amount of time.


17 | Easy email Organization/Management

I have several of these & admittedly haven’t found my sweet spot yet, because I like features from all of them, but depending on where I’m typing up my email, I don’t necessarily need all of them or have access to any of them (because I don’t always use my work email in my web browser).


STREAK CRM FOR GMAIL
The thing I love the most about Streak is the email snippets (canned emails). You can set these up ahead of time, and IF you need to use them (in cases where you find yourself saying the same things over and over again), you can use your trigger action to automatically add the snippet to your email.

The second thing I love about Streak is the email tracking, but I realize it’s a little creepy too. As a business owner, it is very helpful to see when a person has opened my email, that way I know whether to expect a reply or not. Streak additionally can tell you how many times it’s been viewed, which is helpful specifically when a client is looking at a proposal a lot, etc.; that tells me that they maybe need more information to make a decision or they have questions/concerns that I should address, so I can give that client a call without feeling invasive, and give them the opportunity to pick my brain some more.

They have additional features, but I don’t use them; though you may find them super helpful so make sure you check it all out!


RIGHT INBOX FOR GMAIL
“Schedule emails in gmail to be sent later, create recurring emails, set reminders and follow up conversations.”

All of those features can be incredibly useful, but only if you email from the browser a lot. Scheduling is GREAT for entrepreneurs, because we like what we do so much that you might otherwise find us responding to emails at 11:39pm. Thankfully with email scheduling, I can write the email whenever I need to, and schedule it to send during my business hours. THANK GAWD.

Here’s their main list of features:

Schedule Email
Email Reminders
Recurring Emails
Private Email Notes
Seamless Integration
Timezone Support
Swift Input Methods (examples: “Monday 8AM”, “2h 30m later”, “1PM in Boston”)


BOOMERANG FOR GMAIL
“Send later, track responses, use AI to write better emails, and free yourself from email interruptions.”

Recently, Boomerang & Inbox Pause merged. This is where I get hung up. I LOVE the Inbox Pause feature of this extension, but the send later & email tracking is something I already get from Streak.

What is Inbox Pause? It literally allows you to pause or snooze incoming emails until a specified time, without telling the sender you’re on vacation, etc. So if you need to be more present at home after your office hours, and can’t hear that constant DING, DING, DING of your emails, then pause it so you can enjoy your time outside the office, and un-pause it in the morning. No one will ever know the difference.

This also allows you to keep your email notifications ON, while pausing your business email; that way you can still get personal emails while your biz email is on hold.

Another really neat feature is their reminder for replies to specific emails. If you type up something to your client and need a response by X day/time, then you can set a reminder that will only remind you if they don’t reply by that time. NICE.

Also, their AI really can help you write better emails so that can actually be helpful, but Streak has canned emails and I don’t believe Boomerang offers that. So right now I have both and until I figure out which one I use the most I guess, I’ll remove the other.



+ 1 EXTRA!

18 | Trello* extensions

Trello is a free project management system that is NOT boring, is drag-and-drop friendly, and overall easy to use/learn/understand. It’s great for creatives & ‘visual people’ who don’t do well with listed tasks or spreadsheet style organization. I use their free plan, because that’s all I currently need, but there are even more features available for paid plans.

Full disclosure, I am a Trello affiliate,* because I love it soooo much. I don’t get actual dollars if you sign up using my aff-link (marked with an *asterisk*), but I do get a free month of Trello Gold which is fun!


TRELLO
This one is great for quickly creating a new card on any board/list in your Trello account, without actually opening Trello. It’s great for attaching links or pages to the card as well.

You can also get to your boards quicker, by typing in “t” then Space, then the name of your board. Hit enter & it goes right to it!

Trellists: Trello Lists Master
This one helps you manage your lists, when viewing your Trello boards in Chrome, by hiding/minimizing the ones you don’t want to look at, but also don’t want to archive in order to hide. Great if you have TONS of lists on your board & need to focus your viewing experience a little in order to concentrate.

Here’s how it works:

A bar is added to the top where names of each list are shown
Hide/show lists by clicking on the name in the bar
Status of shown/hidden is quickly viewable (grey = hidden / white = shown)

NEXT STEP FOR TRELLO
This extension puts some of your checklist items on the face of your card. Only really useful if you want to see some of those checklist items without opening the card AND you have lots of checklists to keep up with.

It can hide the checklist items, or show 1 item from each checklist in the card at a time, OR all items in the checklist from that card.

 
 
 
 

That’s all for now! If I come across any other must-haves or must-shares, I’ll add it here or let you know in an updated post! 😁🙌🏻

Speaking of, do you have a suggestion that I didn’t cover here?
I’d love to know! Leave it in the comments.