![Image](https://storage.googleapis.com/stateless-torbjorn-zetterlund/sites/8/2020/04/1307bc42-north-cape-ailians-arriving-20180629_125908.jpg)
Chrome Extensions that I use for Web Development
by bernt & torsten
Lately, I been working on an application to track news, my focus has been to code the function of reading RSS feeds, parse the feed’s data into the database and then building a view to display the new news items. For this, I have been working with PHP in the backend and Javascript/JQuery on the front end.
I like to use Chrome for all my web development work, I assume you are probably very familiar with Chrome and know that there are literally hundreds of Chrome extensions available for web designers, what I want to do is to let you know what Chrome Extension works best for me.
Advanced Rest Client
Advanced Rest Client – The web developers helper program to create and test custom HTTP requests.
![Advanced REST client - Chrome Web Store](https://i0.wp.com/torbjornzetterlund.com/wp-content/uploads/2015/02/Advanced-REST-client-Chrome-Web-Store-e1424106206687.png?resize=400%2C244)
Feed Intent Viewer
Feed Intent Viewer – Web Intent to view RSS and Atom feeds as pretty-printed XML.
![Feed Intent Viewer](https://i0.wp.com/torbjornzetterlund.com/wp-content/uploads/2015/02/Feed-Intent-Viewer-e1424105655386.png?resize=400%2C226)
Chrome Logger
Formerly known as ChromePHP, Chrome Logger is an extension for debugging server-side applications in Chrome.
![Chrome Logger - Chrome Web Store](https://i0.wp.com/torbjornzetterlund.com/wp-content/uploads/2015/02/Chrome-Logger-Chrome-Web-Store-e1424103289193.png?resize=400%2C248)
DomFlags
DomFlags is a DevTools extension that allows you to create keyboard shortcuts/bookmarks to DOM elements so that inspecting can be achieved much quicker.
![chrome_extension_domflags](https://i0.wp.com/torbjornzetterlund.com/wp-content/uploads/2015/02/chrome_extension_domflags.jpg?resize=660%2C280)
Flat Colors Guide
Flat Colors Guide – An extension for quick access to flat color schemes.
![Flat Colors Guide - Chrome Web Store](https://i0.wp.com/torbjornzetterlund.com/wp-content/uploads/2015/02/Flat-Colors-Guide-Chrome-Web-Store-e1424102678108.png?resize=400%2C240)
Web Developer Checklist
Web Developer Checklist – An essential checklist for launching a new site.
![Web Developer Checklist](https://i0.wp.com/torbjornzetterlund.com/wp-content/uploads/2015/02/Web-Developer-Checklist-e1424102664890.png?resize=400%2C226)
Dimensions
Dimensions is an open-source extension for measuring screen dimensions. It’s a handy tool for when you’ve been given a new graphical UI mockup; just open it in Chrome, activate Dimensions and start measuring.
![Dimension](https://i0.wp.com/torbjornzetterlund.com/wp-content/uploads/2015/02/Screen-Shot-2015-02-16-at-16.52.43-e1424102032500.png?resize=400%2C184)
45to75
45to75 is a simple character counter for optimizing line-length between 45 and 75 characters, thus ensuring that text line lengths meet their standards.
![45to75 - Chrome Web Store](https://i0.wp.com/torbjornzetterlund.com/wp-content/uploads/2015/02/45to75-Chrome-Web-Store-e1424102206314.png?resize=400%2C238)
Minimalist Markdown Editor
The Minimalist Markdown Editor app is perhaps the ‘simplest and slickest’ Markdown editor currently available for Chrome. It allows you to view the markup as you type and also features a one-click HTML conversion tool.
![Minimalist Markdown Editor - Chrome Web Store](https://i0.wp.com/torbjornzetterlund.com/wp-content/uploads/2015/02/Minimalist-Markdown-Editor-Chrome-Web-Store-e1424103313206.png?resize=400%2C239)
Window Resizer
Yes, there are many Chrome extensions available that allow you to test your responsive designs at different resolutions, this one just happens to be my favorite. Window Resizer does exactly what you would expect, it re-sizes the browser’s window in order to emulate various resolutions.
![Window Resizer - Chrome Web Store](https://i0.wp.com/torbjornzetterlund.com/wp-content/uploads/2015/02/Window-Resizer-Chrome-Web-Store-e1424103624760.png?resize=400%2C242)
Sourcegraph
Sourcegraph allows you to browse Github code just as though you were using an IDE. It adds instant documentation and types tooltips to the code view on GitHub, and it also makes every identifier a jump-to-definition link.
ModHeader
ModHeader is an extension that can add and modify the HTTP request headers sent to web servers.
![ModHeader - Chrome Web Store](https://i0.wp.com/torbjornzetterlund.com/wp-content/uploads/2015/02/ModHeader-Chrome-Web-Store-e1424104259683.png?resize=400%2C241)
EnjoyCSS
The EnjoyCSS extension allows you to access all of the handy CSS3 tools from the EnjoyCSS website all within the comfort of an extension. You can create 2D & 3D transforms, multiple complex transitions, multiple linear and radial gradients, text shadows and everything else you can think of.
![EnjoyCSS - Chrome Web Store](https://i0.wp.com/torbjornzetterlund.com/wp-content/uploads/2015/02/EnjoyCSS-Chrome-Web-Store-e1424105573698.png?resize=400%2C249)
Fontface Ninja
Fontface Ninja is an interesting extension that not only allows you to discover what fonts are actually being used on a website but also allows you to download them as well. The developers of this extension implore you to not abuse its functionality.
![Fontface Ninja - Chrome Web Store](https://i0.wp.com/torbjornzetterlund.com/wp-content/uploads/2015/02/Fontface-Ninja-Chrome-Web-Store-e1424105562627.png?resize=400%2C237)
Type Sample
Type Sample is a tool for identifying and testing the web fonts from any page. You can edit the size, create your own text and also save your work. There’s also a bookmarklet available.
![Type Sample](https://i0.wp.com/torbjornzetterlund.com/wp-content/uploads/2015/02/Type-Sample-e1424105600289.png?resize=400%2C228)
Google Font Previewer
Google Font Previewer is a handy extension that allows you to access the Google Font API directory and choose a font, and then either apply it to the entire page or a specified CSS selector.
![Google Font Previewer for Chrome - Chrome Web Store](https://i0.wp.com/torbjornzetterlund.com/wp-content/uploads/2015/02/Google-Font-Previewer-for-Chrome-Chrome-Web-Store-e1424105630136.png?resize=400%2C235)
PageSpeed Insights
This is the official extension for Google’s PageSpeed Insights app. It allows you to evaluate the performance of your web pages and offers suggestions on how to improve them. To learn more about PageSpeed Insights you should have a look at this post.
![PageSpeed Insights by Google - Chrome Web Store](https://i0.wp.com/torbjornzetterlund.com/wp-content/uploads/2015/02/PageSpeed-Insights-by-Google-Chrome-Web-Store-e1424105616149.png?resize=400%2C241)
Concluding
As I mentioned previously, there are hundreds of Chrome extensions available that will help your web design and development workflow, and I’m pretty confident that I have missed a few that you guys will probably deem essential. I would love to hear about them in the comments below.
![Image](https://storage.googleapis.com/stateless-torbjorn-zetterlund/sites/8/2024/06/20240604-102648.png)
The AI boom – a ticking energy bomb
Yes, the rise of artificial intelligence indeed presents a conundrum, not unlike the many...
![Image](https://storage.googleapis.com/stateless-torbjorn-zetterlund/sites/8/2023/11/totta7219_this_is_about_In_the_realm_of_creative_endeavour.png)
Three Ideas To Keep Your Construction Business Running Smoothly
If your construction business is currently struggling, then you need to work out how to get...
![Image](https://storage.googleapis.com/stateless-torbjorn-zetterlund/sites/8/2024/01/20240116-085856.png)
Business vs. GPTs: Navigating the Challenges of Personalized AI
The recent proclamation by OpenAI has caught the attention of $20 ChatGPT Plus subscribers,...