Some productive Chrome extension for Web designer

Are you a web designer, UI/UX designer or front-end developer? Here is some productive Chrome extension that could actually make your job a lot easier!

Sizzy

Chrome extension
Sizzy is a Chrome extension for developing responsive websites crazy-fast. It allows you to preview an URL on multiple devices at once, filter the devices, zoom them in and out, and more.

The Sizzy Chrome Extension adds a button to your toolbar. When the button is clicked, it’s going to open the current URL you’re on in Sizzy. The extension also blocks “x-frame-options” headers so you can preview any site you want.

The extension is open source along the whole project. The entire code can be explored here: https://github.com/kitze/sizzy/tree/master/chrome-extension

 

Nimbus Capture

Chrome extension

Capture the web page, either part of it or the whole browser window, edit your screenshots in a very user-friendly interface. Record screencasts – record video from your screen.

It is a good replacement for “awesome screenshot capture & annotates” Chrome extension or App.

Capture screenshots

– Capture the whole web page or a required section of it;
– Capture the whole browser window;
– Capture the browser window of other programs;
– Quick capture site fragment;
– Create your own drawing or model from scratch;

Record and share screencasts (video from a screen)

– Record video from your screen/tab (Screencasts);
– Record video from another active program;
– Record video from webcam;
– Customize your screen resolution and FPS;
– You can draw on video;
– Convert video to MP4 and GIF (Premium);
– Save screencast to Nimbus Note or disk;
– Publish screencasts to Youtube and Google Drive (Premium);

Edit screenshots

– Paste different patterns and text boxes in your screenshot;
– Resize and crop your screenshot;
– Add arrows and stickers to your screenshot;
– Highlight text on your screenshot;

Share screenshots

– Save screenshots in JPG and PNG;
– Save screenshots and screencasts to Nimbus Note;
– Send screenshots to Slack
– Save screenshots to Google Drive and Google Classroom;
– Save screenshots as PDF;
– Comment your screenshots and screencasts;

Nimbus Screenshot Chrome extension supports horizontal scrolling. The editor interface allows editing objects even after you add them to the screenshot (and this feature is totally unique)! Good alternative to TechSmith Snagit extension.

 

ColorZilla

Chrome extension

ColorZilla Chrome extension, one of the most popular Firefox developer extensions with over 5 million downloads is finally available for Chrome!

With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. And it can do so much more…

  • 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 the 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

 

Clear Cache

Chrome extension

Quickly clear your cache with this Chrome extension without any confirmation dialogs, pop-ups or other annoyances.

You can customize what and how much of your data you want to clear on the options page, including App Cache, Cache, Cookies, Downloads, File Systems, Form Data, History, Indexed DB, Local Storage, Plugin Data, Passwords and WebSQL.

Cookies can either be removed globally, only for certain domains or for everything except for certain domains.

 

WhatFont

Chrome extension
What is the easiest way to find out the fonts used in a webpage? Firebug and Webkit Inspector are easy enough to use for developers. However, for others, this should not be necessary. With this Chrome extension, you could inspect web fonts by just hovering on them. It is that simple and elegant.

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

Recommended by Wired WebMonkey, Lifehacker, and SwissMiss.

 

Grammarly Chrome Extension

Chrome extension
Grammarly Chrome extension will make sure your messages, documents, and social media posts are clear, mistake-free, and impactful. Adding Grammarly to Chrome means that your spelling and grammar will be vetted on Gmail, Facebook, Twitter, Linkedin, Tumblr, and nearly everywhere else you write on the web. Once you register your new account, you will start to receive weekly emails with personalized insights and performance stats (one of our most popular new features). Working on a large project, an essay, or a blog post? No sweat. You can create and store all of your documents in your new online editor.

 

Toby

Chrome extension

“I don’t want to have 3,000 tabs open anymore” – from a new Toby user

Bookmarks are for books, not browsers. Organize your browser tabs into Toby so you can access key resources in one-click instead of seven.

Toby Chrome extension is better than bookmarks, it levels up your Chrome browser. It is a visual workspace that lives on every new tab. Add new tabs by dragging and dropping your browser tabs into collections or save a whole session in just one-click. Access all of your collections on any desktop with automatic sync. Use tags to organize your collections or create notes for your to-dos.

Toby is changing the way you save and access tabs by making it easy and fun to use.

  • 1 Chrome extension of 2016 from Product Hunt
  • Google Chrome’s Best of 2016 list
  • Featured in MIT Tech Review, Business Insider, Brit + Co and 30 other publications
  • Teams who work at Bazaarvoice, Twitter, New Relic, IBM, and more are using it daily
  • Over 9,250 love letters written by #TobyFriends in over 144 countries around the world

 

WhatRuns

Chrome extensions

WhatRuns Chrome extension is one click away for you to find technologies used on any website you visit. From Developer Tools and Ad Networks to WordPress Plugins and Themes, we detect even the new and upcoming tools and services.

Not just that – you can follow websites so that you get notified when they use new technologies or remove existing ones.

 

Who Is Hosting?

Chrome extensions

Discover who’s hosting any website with this simplest Chrome extension on the web

HostAdvice Who Is Hosting tool is a free tool that allows users to check—with the single click of a mouse—where websites are being hosted.

This Chrome extension will simply add a small button in your browser. Then, when you’re on a website and curious who’s hosting it, just click on the button and it’ll give you all the information you need.

This is important for several reasons. If you’re interested in purchasing the domain name, you can find who to contact even when whois for a domain is not showing contact details. You can also reach out to hosting company if the website is violating your rights in any way and you can ask the hosting company to take them down! This is probably the only effective way to confront a site that is offending a person or community etc.

Leave a Reply

Close Menu