Nowadays, a lot of the graphic design can be done completely online. With online design tools popping up on the Web each day, the demand of an optimized design workspace for browsers has become extremely high.
These Chrome Extensions Make Web Design a Lot Easier
That’s right. Web design is constantly being optimized and aided by secondary applications, including browser extensions, which makes the whole design process smoother.
Let’s see what the Chrome developers have prepared for the web design community.
What Font
Curious what fonts have been used on a given web page?
Source: http://www.awwwards.com/
Long gone are the days when you had to dig into the code of a website or use secondary tools such as Webkit or Firebug to identify which fonts have been used. What Font gives you a swift and elegant solution to this problem and offers you the opportunity to look up a font within one single click of a mouse. It’s light and won’t overload your computer while activated so it’s a great browser extension for slow machines as well.
Get this Chrome extension here.
Muzli 2.0
Your real-time guide to the Web’s freshest design content.
Just install it on your browser and enjoy having all of the Internet’s greatest art curation galleries at your fingertips. Muzli newest version has a sleek side menu that features a long list of design websites to choose from. The grid-based home page provides a comfortable solution for quick browsing, but that’s hardly the best part of this extension.
Muzli will amuse you with a stunning collection of handpicked content featuring news, photos, and resources that will make your daily browsing experience an absolute joy. Muzli can be a refreshing addition to your morning coffee break and will power you up with inspiration from all around the world.
Get this Chrome extension here.
Responsive Web Design Tester
Curious to learn how your newly designed web page responses to different devices?
Source: http://www.oursroux.com/
The popularization of pocket-size devices has made web design impossible without proper responsiveness testing. Now, you can check up how responsive your web design is with the help of a handy browser extension called Responsive Web Design Tester. Once installed on Chrome, this tool will allow you to quickly switch between a set of various screen resolutions and sizes. It’s
Get this Chrome extension here.
Design Mode
Put your browser in edit mode with this handy Chrome extension.
Source: http://www.wloks.com/
Design mode allows users to edit live web pages and works the same way as an HTML editor. This clever tool is extremely helpful for website layout testing. It allows users to edit text, change fonts and drag images across the web page. It is extremely handy for checking whether or not certain design elements will break when the text get too long or a photo is too large. See how your web layout will react to different edits to be able to better optimize your design.
Get this Chrome extension here.
Image Downloader
Being able to download images in a bulk can be really useful when you’re a designer.
Source: https://alpinecars.com/en/
When you’re hunting for free photo resources, you’re gathering images for inspiration or you want to just make a quick backup of the images on a certain web page, Image Download will be your helping hand. This Chrome extension will allow you to filter images by height, width and URL. It also supports Regex and Wildcard. You can select images for downloading by simply clicking on them and it also allows you to hide notifications, filters, and buttons that impede your browsing experience.
Friendly note: Make sure you’re not violating any copyrights before downloading images to your personal device. If you plan on using images for commercial purposes you need to check the license agreement on the site, if there is any, or simply ask the images owner for a permission.
Get this Chrome extension here.
Page Ruler
Rule the web design world with this handy Chrome extension.
Source: http://www.cirque-gruss.com/
Page Ruler is the designer’s best friend when it comes to measuring elements on a web page. This tool will allow you to draw a ruler on any given web page and view the main size measurements. It displays width and height, and gives you the positions of the left, right, top and bottom side of your selected area.
Get this Chrome extension here.
Want even more design tools?
32 Handy Google Chrome Extensions for Web Developers
Web Design Tools You Wish You Knew About Earlier
