17 Killer Websites for Web Developer 🀯

99.8% don't know all of them.

THREAD 🧡 ↓
1. Random Image via API

The most powerful photo engine in the world.

The Unsplash API is a modern JSON API that surfaces all of the info you’ll need to build any experience for your users

source.unsplash.com
2. Embeddable Widget Apps for Notion

Add 3rd party apps embed or create a custom embed for your Notion Document.

apption.co
3. Carbon

Create and share beautiful images of your source code. Start typing or drop a file into the text area to get started.

carbon.now.sh
4. Peppertype

Generate better content copies in seconds with the power of Artificial Intelligence.

Expanding your content for writing blogs is easier than ever before

AI-Generated tweet ideas

peppertype.ai
5. Poet. so

+ Capture and share Twitter posts as beautiful images

+ You could use this as social proof on your website

poet.so
6. Weekly Visitor Report

Get a weekly report of the companies visiting your website

clearbit.com/resources/tool…
7. Smart Mockup

+ Create stunning product mockups easily and online

+ The fastest web-based mockup tool

+ No experience or skills needed, super easy-to-use

smartmockups.com
8. Small Dev tools

+ Handy developer tools with a delightful interface

+ Provide 20+ tools that help developers with commonly performed tasks like Encoding/Decoding, Minifying, Test Dummy data set, and a lot more.

smalldev.tools
9. Show beautiful message in the console

+ FIGlet is a program for making large letters out of ordinary text

npmjs.com/package/figlet
10. A Visual Type Scale

+ Understand and visualize the difference between different font sizes, REM vs. EM Values.

+ Check the preview in real-time to see how it looks

type-scale.com
11. Remove Background from Image

Remove backgrounds 100% automatically in 5 seconds with zero clicks

remove.bg
12. Responsively

Develop responsive web apps 5x faster!

responsively.app
13. Metatags

Meta Tags is a tool to debug and generate meta tag code for any website.

Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!

metatags.io
14. ReadMe

+ The easiest way to create a README file in minutes visually

readme.so
15. Storytale

+ High-class illustrations for web and mobile projects

+ Make your project eye-catching with awesome characters. Use it both for commercial and personal purposes.

storytale.io
16. Profile Pic Maker

Make an awesome profile picture from any photo

pfpmaker.com
17. SigmaOS

Fly through your work. The browser that makes you faster and better at working on the web.

sigmaos.com S
Thanks for stopping and checking these resources, I'm sure it's going to help you at some point in time.

1. Follow @MakadiaHarsh for such tips and tricks

2. Quote retweet the first and share what do you think of this?

Cheers! πŸ₯‚

β€’ β€’ β€’

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

Keep Current with Harsh Makadia

Harsh Makadia Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

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

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @MakadiaHarsh

15 Sep
Learning programming is hard.

I felt like quitting 6 years back when I started my web development journey.

But I survived in TECH and I love it now.

Here are 21 lessons I wish I'd known earlier in my career.

THREAD 🧡 ↓
{ 1 } Choose a language

There are an unbelievable number of programming languages out there.

But, the thing is, you need to start slow.

Pick one thing at a time and practice as much as possible. Then, you can move on to the next.
{ 2 } Understand a programming concept

You may be tempted to cut corners when learning a new programming language. While it's OK to use Google to find answers, don't by-heart the syntax.

If you don't remember the syntax that's fine, but remembering the concept is a must.
Read 25 tweets
13 Sep
25 Hand-Picked ReactJS Libraries You Probably Didn't Know Existed 😍

Using these will put Web Developer on Steroids.

THREAD 🧡 ↓
{ 1 } React Hot Toast

The Best Toast in Town. Smoking hot React notifications.

Add beautiful notifications to your React App

react-hot-toast.com
{ 2 } React Content Loader

SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading).

skeletonreact.com
Read 28 tweets
8 Sep
Hit 8K πŸŽ‰
Thank you everyone! πŸ™πŸ»

I tweet about Web development, No-code Hacks, Life Lessons.

Compound Growth is real! πŸ”₯

0 - 2k ➜ 9 years
2k - 4k ➜ 79 days
4k - 6k ➜ 37 days
6k - 8k ➜ 35 days

Here are top threads 🧡 that'll skyrocket your growth ↓
Optimization of the profile is key for your growth.

Here are a set of concrete, specific suggestions that will help you mold your profile into something that impresses those that read it.

Read More
Tweet Formats that worked for me

Experimenting with different tweet formats is a great way to find out how your tweets resonate with your followers.

Read More
Read 16 tweets
7 Sep
If you want to quickly hack web development, learning no-code tools is an excellent way to go.

Here are some highly useful, resources to guide you in mastering it.

THREAD 🧡:
1. Nocode MBA

No Code MBA teaches you how to turn your idea into reality - all without code.

πŸ”— nocode.mba
2. Nocodery

Code is a thing of the past. Start creating apps and websites easier, faster, and without any special skills.

πŸ”— dev.nocodery.com/tutorials
Read 21 tweets
6 Sep
Supercharge your React App Performance by 10X with these handy tricks.

10 ultimate hacks every Web Developer should know about.

THREAD 🧡 :
1. useState Lazy Initialization With Function

There are times when we need to set the initial value of the state from some variable or from a function that returns a value.
Since our function is in the body, every time a re-render happens, this function is getting called even if its value is not required (we only need it during the initial render).

+ Use the above-mentioned hack to boost performance
Read 20 tweets
5 Sep
These 15 life lessons can radically change your life!

They will help you find happiness and keep improving yourself for years to come

🧡
Surround yourself with people who are making better progress than you.
The more you learn, the more you will grow πŸ“ˆ
Read 17 tweets

Did Thread Reader help you today?

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!

Follow Us on Twitter!

:(