Chrome is one of the most popular browsers for many reasons. The clean user interface, uncompromising speed, and seamless synchronization in Google all contribute to a user experience that’s hard to beat.
Chrome extensions can be easily added to the browser to perform certain capabilities that range from games to automatic shopping discounts. However, we’re more interested in Chrome extensions for web developers that specifically help them do their jobs more efficiently and effectively, which is why we’ve compiled a list of the best ones every developer should use.
Made just for developers, the Web Developer extension adds a toolbar at the top of your browser. With syntax highlighting, a comprehensive disable menu, and tools for quick CSS edits this extension is a necessity to any developers’ toolkit.
Check My Links
This extension is a great way to take the time and energy out of checking every link on your website to make sure none are broken. Check My Links will sort through your web page for you, highlighting valid links in green and broken links in red to make the process of link testing much easier.
Marmoset allows you to take stylish snapshots of code in perspective. The extension transforms your work to code that is syntax-highlighted and can be customized for fit a number of themes or effects. Film, Kaleidoscope, and Tilt Shift are just a few of the options that bring code into a 3D space that can be used to create more interesting presentations, demos, or mockups.
Code Cola lets you view the source code you’ve been working on with the added elements of a CSS editor so you can instantly edit and share CSS properties. The extension has a 4.5 star rating and over 30,000 users, so there’s no question that it’s an asset to designers and developers everywhere.
When site performance is one of the most important aspects of keeping customers on your website, ensuring fast page speeds is a priority. YSlow analyzes how fast a website is and gives you insight into the areas that are slowing it down, so you can more easily approach performance issues that affect the satisfaction of your users.
Any developer knows how important it is to test for responsive design. Window Resizer is an extension for just that — it lets you view what a web page would look like on different resolution sizes for a number of devices including smartphones, tablets, and PCs, even allows you to input custom sizes.
Ever get to a page and see a font you’d love to use with no way to find out what it’s called? WhatFont can help. All you have to do is hover your cursor over a certain word and the extension tells you what font was used so you can adopt them for your own projects.
When considering how acceptable your website is for everyone, regardless of disability, WAVE provides visual feedback on your web content in terms of accessibility. By giving feedback that includes a report on your website and educates the user on features of accessibility, designers and devs who use WAVE can ensure that they’re being inclusive of any potential visitors.
If you’re like us, the number of tabs you have open on your computer add up fast. Before you know it, you’ve lost track of most of them and can’t seem to find anything you’re looking for. Meet Session Buddy. It allows you to save open tags, organize and categorize them, and return to them later, simultaneously freeing memory and storage on your computer
Drag transforms your inbox into a manageable workspace. Think of it like Trello, but for Gmail — the extension allows you to apply the same Kanban style productivity you use every day to organize personal tasks and to-do lists. Though it’s still in its beta version, Drag has been quickly emerging in the tech scene, topping Product Hunt, Hacker News, BetaList, and the Google Chrome store.
The Drunk User
Your web application needs to look great for everyone — not just sober users. We’re kidding of course, but the Drunk User is an unconventional way to test the usability and design of your site. By blurring the layout of a chosen page, the extension gives an honest rendering that shows how easy it is for any user to navigate. Additionally, the Drunk User will save you money on hiring an actual drunk tester.