Tweet

Suprabha

15 Jul, 12 tweets, 3 min read

Top 10 best Extension for Chrome 🔥

These are my list which I use, I would love to see your browser extensions 😍

A Thread 🧵

1️⃣ JSON Formatter

Makes JSON easy to read. Open source.

chrome.google.com/webstore/detai…

2️⃣ CORS

Easily add (Access-Control-Allow-Origin: *) rule to the response header.

chrome.google.com/webstore/detai…

3️⃣ View Image

Re-implements the Google Images' "View Image" and "Search by Image" buttons.

chrome.google.com/webstore/detai…

4️⃣ GoFullPage

Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!

chrome.google.com/webstore/detai…

5️⃣ daily.dev

Get a feed of the hottest developer news personalized to you.

chrome.google.com/webstore/detai…

6️⃣ AdBlock

Block ads and pop-ups on YouTube, Facebook, Twitch, and your favorite websites.

chrome.google.com/webstore/detai…

7️⃣ Vimeo repeat & speed

Repeat & Speed buttons for Vimeo HTML5 video

chrome.google.com/webstore/detai…

8️⃣ ColorPick Eyedropper

A zoomed eyedropper & color chooser tool that allows you to select color values from webpages and more.

chrome.google.com/webstore/detai…

9️⃣ Toby

Better than bookmarks. Organize your browser tabs and access them quickly anywhere.

chrome.google.com/webstore/detai…

🔟 CSS Viewer

A simple CSS property viewer.

chrome.google.com/webstore/detai…

Thanks for reading this thread ❤️

If you found useful, please retweet the first one ☺️

• • •

Missing some Tweet in this thread? You can try to force a refresh

This Thread may be Removed Anytime!

Twitter may remove this content at anytime! Save it as PDF for later use!

More from @suprabhasupi

Suprabha

@suprabhasupi

16 Jul

Web Developer Roadmap and Free Courses 🔥

🧵

1️⃣ HTML 🚀

a. FreeCodeCamp
freecodecamp.org/learn/responsi…

b. MDN
developer.mozilla.org/en-US/docs/Web…

2️⃣ CSS 🎨

a. FreeCodeCamp
freecodecamp.org/learn/responsi…

b. Web Dev CSS
web.dev/learn/css/

c. CSS MDN
developer.mozilla.org/en-US/docs/Web…

Read 9 tweets

Suprabha

@suprabhasupi

16 Jul

8 Great repos every web dev should know 🔥

🧵

1️⃣ Free Programming Books

This resource consist of various free books, onlince sourses, podacasts etc.

github.com/EbookFoundatio…

2️⃣ Public API's

It contains bunch of amazing free API's for use in web dev

github.com/public-apis/pu…

3️⃣ JavaScript Algo

This repository contains JavaScript based examples of many popular algorithms and data structures.

github.com/trekhleb/javas…

Read 9 tweets

Suprabha

@suprabhasupi

14 Jul

Best way to organize your folder with React 🔥

Most important and the first step which I always do is create folder structure, This is how I followed.

How do you manage you folder 👇

🧵

Read 4 tweets

Suprabha

@suprabhasupi

10 Jul

Most important tools for web developer which is really important for beginners 👇

1️⃣ Prettier
2️⃣ ESLint
3️⃣ Testing Library (JEST)
4️⃣ Webpack
5️⃣ Babel

A thread 🧵

Understand Prettier and ESlint in react

blog.suprabha.me/54-learn-to-co…

Testing JavaScript

blog.suprabha.me/15-testing-jav…

Read 4 tweets

Suprabha

@suprabhasupi

10 Jul

Top best CSS generators for web developer 🔥

🧵

1️⃣ GetWaves

A free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, randomize!

getwaves.io

2️⃣ Fancy Border Radius Generator

A visual generator to build organic looking shapes with the help of CSS3 border-radius property.

9elements.github.io/fancy-border-r…

Read 12 tweets

Suprabha

@suprabhasupi

9 Jul

Form library for React 🔥

1️⃣ Formik
2️⃣ React Hook Form
3️⃣ Informed
4️⃣ React Form

A thread 🧵

1️⃣ Formik 💁

Formik is the world's most popular open source form library for React and React Native.

- good docs with examples
- medium package size
- supports only controlled components

formik.org

2️⃣ React Hook Form 🗒️

React hook for form validation without the hassle.

- uses react hooks API
- good performance / minimum re-render
- small package size
- uses uncontrolled components and refs to register fields

react-hook-form.com

Read 6 tweets

Support us! We are indie developers!

This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!