Pratham Profile picture
Developer Advocate at @Rapid_API • Organizing @React_India • Building @MentorWebDev • https://t.co/kmFuBxQtgC • https://t.co/5pf0rLDYgM
eDo Profile picture Senthil Ponnusamy Profile picture Carol McKay Profile picture prapat tantayatorn Profile picture jaafar habu Profile picture 107 added to My Authors
Aug 4 11 tweets 5 min read
9 chrome extensions for every web developer to unlock full productivity (they are free) 🧵 1. ScribeHow

Turn any process into a step-by-step guide, instantly.

You don't need to explain the process manually. Just record it, and the ScribeHow extension will convert it into a guide.

🔗 scribe.how/chrome
Aug 1 11 tweets 5 min read
9 websites that will help you learn web development faster (they are free) 🧵 1. How HTTP Works

Everything you need to know about HTTP based system.

🔗 howhttps.works How HTTP works screenshot.
Jul 29 7 tweets 3 min read
Five free VS Code extensions that will change the way you do web development: 1. RapidAPI Client

Fulfill all your need for API development.

• Test and consume APIs
• Work with your VS Code theme
• Generate TypeScript, Swift, and Python interfaces from responses.

🔗 marketplace.visualstudio.com/items?itemName… RapidAPI Client for VS code extension.
Jul 14 7 tweets 3 min read
Finding good courses is challenging.

Here are five courses on JavaScript, Python, and Go you can consider in 2022.

Thread 🧵 1️⃣ Basic JavaScript

Interactive learning will help you understand the basic concepts of JavaScript quickly.

• Introduction
• Variables
• Comparisons
• Loops

🔗 boot.dev/learn/learn-co…
Jul 13 8 tweets 3 min read
Six tools that will change the way your write code: 🧵 1️⃣ HarperDB

Deciding between SQL and NoSQL? Use HarperDB as it provides you the functionality of both.

Access data using API endpoint.

🔗 harperdb.io Image
Jul 1 7 tweets 3 min read
Five chrome extensions that will change the way you do web development: 1. ScribeHow

Turn any process into a step-by-step guide, instantly.

You don't need to explain the process manually. Just record it, and the ScribeHow extension will convert it into a guide.

🔗 scribe.how/chrome
Jun 24 7 tweets 2 min read
Everything you need to know about `z-index` in CSS.

Thread 🧵👇🏻 Z-index is a CSS property that controls the stacking order of elements along the z-axis.

Image a hypothetical line starting from your eye to the screen that is the z-axis.
Jun 17 11 tweets 5 min read
Nine websites that will change the way you learn web development: 🧵 1. Git

Check out this excellent free website to learn git visually.

🔗 learngitbranching.js.org
Jun 15 7 tweets 2 min read
Five YouTube videos I made that will change the way you write CSS code.

Thread 🧵 1/ Gradient Text

Jun 10 22 tweets 5 min read
My 20 threads will change the way you learn web development: 1. Introduction to JavaScript

Jun 8 5 tweets 1 min read
Connecting applications to Blockchain is a bit of a task.

But thirdweb deploy is here now. ⚡

• Custom contracts deployment
• Get powerful SDKs

It reduces a bunch of heavy lifting steps like compiling, deploying, web3 integrations, etc.

Thread: Image thirdweb is a tool for developers to easily build web3 applications.

They provide pre-built smart contracts for NFTs, tokens, marketplaces, and more.
Jun 7 9 tweets 3 min read
Five things you need to know if your website has images.

Thread 🧵 1️⃣ Set image scaling algorithm for UA

The `image-rendering` CSS property sets an image scaling algorithm.

When you specify dimensions of the image other than its natural size, the image will be up/downscaled by the user agent using the algorithm specified by image-rendering.
Jun 5 11 tweets 2 min read
Everything you need to know about `useId` hook in React 18

Thread 🧵 📌 useId

`useId` hook can be used for generating unique IDs.

`useId` hook guarantees that these IDs are the same across the client and server. Which reduces the chance of hydration mismatch.

Before going deeper into this hook, let's discuss Hydration Mismatch. 👇🏻
Jun 5 12 tweets 5 min read
Ten CSS generators that will change the way you write CSS code: 1️⃣ Stripes generator

Pure CSS Stripes Generator that you can use for backgrounds.

🔗 stripesgenerator.com Home page of CSS Stripes generator.
Jun 2 6 tweets 2 min read
My life has changed since I started creating content:

• 300 million views 🧑‍💻
• Over 220,000 followers 👥
• Unlocked several passive incomes 💰

That's my pro advice for you. Start Writing.

Now I started on YouTube as well. Here are the five videos I made so far: 1. Text portrait using CSS in just 2 minutes

🔗
May 28 7 tweets 3 min read
Five websites that will change the way you learn web development: 1. Git

Check out this excellent free website to learn git visually.

🔗 learngitbranching.js.org
May 24 7 tweets 2 min read
Five HTML and CSS tips that will blow your mind for sure.

🧵👇🏻 1. Open camera to capture an image

May 23 23 tweets 5 min read
Everything you need to know about Web Layout and Web Design.

{ Thread } Web layout aims for presenting information in a logical manner and to make the important elements stand out.

A well-designed layout can catch more traffic on your website and make your content easy to understand.
May 21 8 tweets 2 min read
Twitter can be your biggest asset.

It helped me to grow financially and non financially.

Here are five actionable steps you can take to level up your Twitter: 1️⃣ Optimize everything

Set a genuine and, if possible, frontal face profile pic.

Set a header that depicts who you are and what you do.
May 19 10 tweets 3 min read
Some of my handmade JavaScript notes and cheat sheets that can help you: 🧵👇 1. JavaScript Function Anatomy JavaScript Function Anatomy
May 18 17 tweets 4 min read
How to make responsive websites:

Thread 🧵 A complete introduction to Responsive Web Design.

Let's dive!