DEV Community

Cover image for πŸ”₯ 9 Useful Web Extensions For Developers πŸ’Ž
Random
Random

Posted on

πŸ”₯ 9 Useful Web Extensions For Developers πŸ’Ž

welcome


Hii πŸ‘‹ Developers!

Today I wanted to share some of the useful chrome extensions for you, They are really handy and can save your time too.

These Chrome extensions are Almost free to use.

And if you want weekly tech News and stay ahead with the latest tech trends and upcoming hackathons then join Devletter.

Dont't forget to drop πŸ”₯πŸ’–πŸš€πŸ¦„ and save it βœ….

let's begin with πŸ‘‡


1. Scribe: AI Documentation, SOPs & Screenshots πŸ“

scribe

This extension allows you to easily create documentation for your projects using AI. You can take screenshots, record descriptions and steps directly from your browser. It's perfect for documenting processes and tutorials.

Download itβœ”


2. FireShot - Take Webpage Screenshots πŸ“·

Fireshot

With FireShot you can capture full screenshots of webpages or select an area to screenshot. It's very useful for documenting designs and workflows. The screenshots are saved to your computer so you can include them in documents or presentations. Check it out at:

Download itβœ”

--

3. Lighthouse - Website Performance πŸš€

Lighthouse

Lighthouse analyzes websites and apps to help improve performance, quality and correctness. It runs audits and generates reports on how to fix issues. This is a must have for any developer to ensure their sites are optimized. Get it from:

Download itβœ”


4. Dark Mode - Dark Reader πŸ–€

Dark Mode

This extension lets you enable dark mode on any website. It's easier on the eyes especially at night. As a developer, you'll appreciate being able to quickly switch themes while working. Check it out here:

Download itβœ”


5. CSS Peeper - Inspect Styles πŸ‘“

CSS Peeper

See the CSS styles used on websites without digging through code. CSS Peeper extracts stylesheets so you can browse them beautifully. Handy for designers and developers to discover new techniques. Grab it from:

Download itβœ”


6. JSON Formatter - Beautify JSON πŸ“

JSON Formatter

Formatting JSON makes it so much more readable. This extension auto-formats JSON on page load. Very useful when working with APIs or configuration files. Get organized with JSON Formatter:

Download itβœ”


7. What Font - Identify Fonts 🎨

What Font

Figure out fonts with a single click using What Font. Perfect for replicating designs or finding new typefaces. Just hover over text and it shows the font details. Super simple way to discover fonts on websites.

Download itβœ”


8. Octotree - GitHub Code Tree πŸŽ‹

Octotree

See GitHub repos in an interactive tree view with Octotree. Quickly navigate files, preview code and more right from the sidebar. A must have for any developer working with Git. Check it out at:

Download itβœ”


9. Grepper - Code Search Engine πŸ”

Grepper

Grepper lets you search code snippets from all around the web. Handy for finding solutions without leaving your browser. As a student developer, this will help solve many coding problems fast. Grab it here:

Download itβœ”


And That's it πŸ™‹β€β™‚οΈ

Thank you for reading until now and don't forget to comment your favoriate one.

And dont't forget to drop πŸ”₯πŸ’–πŸš€πŸ¦„.

See you next week🀝

Happy Coding

github

twitter

portfolio

buymeacoffee

Top comments (2)

Collapse
 
devluc profile image
Devluc

Awesome article Taqui

Collapse
 
random_ti profile image
Random

Thankyou so much Lucian πŸ’–