T4: The best browser extensions for developers
Bonjour everyone,
This email is sent to many more people than last week: you are now 33 subscribers!!
That's already a lot for me. I thank you and hope you will find these newsletters interesting :).
This week, I will talk about browser extensions for developers. I'm not going to focus on language-specific extensions (vueJS devtools for example), but rather on generic tools that can be used by all developers.
30 Seconds of Knowledge
Available on Chrome and Firefox.
It is surely one of the most underestimated extensions! It replaces your new tab page to display a snippet of code in your favorite language, with an explanation.
Enough to learn and progress without even realizing it!
It hasn't been updated for more than a year, but you will still be able to find 900 snippets: I'm sure that some of them will be useful for you!
PS: If you develop an extension in the same style with a focus on Javascript/VueJS, I'm interested !
Wappalyzer
Available on Chrome, Safari, Edge and Firefox.
I think this is the extension that has been installed on my browser the longest. Wappalyzer allows you to identify the technologies used on the site you are visiting. Very useful to satisfy your curiosity, and make you realize what it is possible to do with certain technologies.
Toast.log
This is a sponsored link!
Available on Chrome and Firefox.
Made by Guilherme Rizzo, this extension has been a huge time saving for me since almost 6 months. The idea is very simple: “See errors, warnings, and logs as they happen on your site — without having to open the browser’s console.”.
I realize now that most of the time I opened the dev tools just to look at the console!
CSS Scan
This is a sponsored link!
Available on Chrome and Firefox.
Another shot from Guilherme! Beyond the fact that this extension is, let's admit it, very beautiful, it is also very useful. "The fastest and easiest way to check, copy and edit CSS". In my everyday workflow, I use it very little to check and copy CSS from other sites, but rather to develop: it allows me to avoid having to open the console inspector, and to have a clear and intuitive interface to understand its CSS.
Font.ninja
Available on Chrome, Safari and Firefox.
The last one I wanted to show you is Font.ninja. It is especially aimed at designers and front developers! It allows to identify and modify (visually) the fonts used on websites. You can also try some of them, get the links to their creator's site, etc. Very useful!
That’s all for this week, au revoir everyone 👋
Toto