Extension 2: WhatFont - Deepstash
Product Management Essentials

Learn more about product with this collection

Essential product management skills

How to work effectively with cross-functional teams

How to identify and prioritize customer needs

Product Management Essentials

Discover 57 similar ideas in

It takes just

8 mins to read

Extension 2: WhatFont

Extension 2: WhatFont

WhatFont, as the name implies, can be used to identify the fonts on a webpage. When the extension is enabled, you can point your cursor on any text on the page to view its font. The font name gets automatically displayed like a tooltip.

Additionally, WhatFont reveals the following details for the font:

  • font family
  • style
  • weight
  • size
  • line-height
  • color

15

22 reads

MORE IDEAS ON THIS

14

30 reads

14

21 reads

Extension 6: Grammarly

Extension 6: Grammarly

Webpages are incomplete without good content. The design might be top-notch, but if not backed with good content, all your effort can go in vain. Grammarly is an excellent tool to use for content development.

It keeps an eye out for all grammatical errors and prompts you to change them. You...

15

14 reads

Extension 4: CSS Viewer

Extension 4: CSS Viewer

CSS Viewer is for all design enthusiasts! It is a nifty little extension that you can use to deep dive into the CSS styling of a webpage.

Once enabled, you can point at any UI element on the screen to get its property values. You can see the following details for any UI element:

  • ...

15

21 reads

Extension 5: GoFullPage

Extension 5: GoFullPage

GoFullpage is an image tool that can help you in taking full-page screenshots of any webpage.

Many imaging tools are buggy when it comes to taking clear full-page screenshots. With GoFullPage, you can capture the entire page quickly and easily.

The free version allows you to download ...

15

21 reads

WindowResizer is useful if you need to resize your browser screen to various resolutions to check your website/application compatibility. Once enabled, you can view various resolutions (like the standard iPhone, iPad, laptop, desktop resolutions) on its options list. Choose the one per your requi...

16

23 reads

Extension 1: ColorZilla

Extension 1: ColorZilla

ColorZilla helps you to find out the colors a webpage is using.

When you download and enable this Chrome extension, you can pick a color from any webpage using the inbuilt page color picker. You can point and click on a color displayed on the page. It shows the hexadeci...

15

34 reads

Extension 3: WindowResizer

Extension 3: WindowResizer

WindowResizer is useful if you need to resize your browser screen to various resolutions to check your website/application compatibility. Once enabled, you can view various resolutions (like the standard iPhone, iPad, laptop, desktop resolutions) on its options list. Choose the one per your requi...

16

25 reads

14

14 reads

Extension 4: CSS Viewer

  • size
  • width
  • height
  • padding
  • font size
  • font family
  • text-decoration
  • position
  • transform/transition ...

15

29 reads

Why and When Should You Use The Chrome Extensions?

Why and When Should You Use The Chrome Extensions?

Consider this scenario: you are browsing, and you suddenly see a website you love. Everything looks well put together, and the colors and fonts complement each other. You want to recreate this for your page. But how do you get the colors?"How do you find out which font type the web pages are usin...

17

34 reads

Chrome Extensions Hacks

Chrome Extensions Hacks

Extensions are software programs, built on web technologies (such as HTML, CSS, and JavaScript) that enable users to customize the Chrome browsing

The beauty of these Chrome extensions is that anyone can use them. The tools are not just for professionals. They can help you achieve the desir...

16

74 reads

CURATED FROM

CURATED BY

crt7

๐Ÿ™‹Am a self taught Digital Creator , Editor ๐Ÿ’ป from India ๐Ÿ‡ฎ๐Ÿ‡ณ , as well as a Technologist and a COD Gamer ๐ŸŽฎ. Interested in learning๐Ÿ“’ new things always for keeping up with the trend .

These extensions will help you to understand how web development works. I stumbled on many resources online because of my interest in HTML, CSS, and Javascript. Some of them were in the form of Chrome extensions.

โ€œ

Read & Learn

20x Faster

without
deepstash

with
deepstash

with

deepstash

Access to 200,000+ ideas

โ€”

Access to the mobile app

โ€”

Unlimited idea saving & library

โ€”

โ€”

Unlimited history

โ€”

โ€”

Unlimited listening to ideas

โ€”

โ€”

Downloading & offline access

โ€”

โ€”

Personalized recommendations

โ€”

โ€”

Supercharge your mind with one idea per day

Enter your email and spend 1 minute every day to learn something new.

Email

I agree to receive email updates