My favorite browser extensions/addons
30 Sep 2015
When analyzing the structure of a page, this plugin enables you to see how the elements are nested and where the boundaries of an element lie.
With this addon you won’t have to keep resizing the page when testing the responsiveness of your web page.
Easiest way of finding out which fonts are used in a webpage in great detail. Includes the font-family, line height and font-weight among other things.
This extension was the one of the first extensions to offer front end devs any real power over web pages before browser creators made dev tools available by default.
When analyzing the structure of a page, this addon enables you to see how the elements are nested and where the boundaries of an element lie.
Its true that you can’t anything you design won’t exist in a vacuum and thus, why not start by learning about other great designs and use it as a basis or a form of inspiration to guide you. Panda makes it super easy to find great design inspiration on the web, you don’t have to type anything, it will provide new sources when ever you open a new tab.
for when you want to extract the colorscheme of web page.
Pick colors from the page that you are currently viewing.
You don’t have to go into dev-tools to know the properties of an element
This enables you to view properly formated json files in your browser.
Change the css properties of any element on the page.
Take screenshots the easy way
Get the your measurements right
I chose raindrop purely because of its design, its really easy to use.
After using vim for a while you tend to expect all your applications to support h,j,k,l motions