Tweet

Maybe Scrolly?

Tony Dinh 🎯

Follow @tdinh_me

15 Sep, 12 tweets, 6 min read

Are you a web developer?

Here is a list of web development tools that save you HOURS per week:

🧵👇

1/ ⚡ devdocs.io

Lookup 100+ API documentations in a fast, organized, and searchable web app.

2/ ⚡ neumorphism.io

Generate those fancy looking neumorphism design.

3/ ⚡ responsivedesignchecker.com

Test your website responsiveness with different screen sizes and devices.

4/ ⚡ placeholder.com

Generate placeholder images with configurable size, colors, text, etc.

5/ ⚡ realfavicongenerator.net

Generate favicon and web manifest for different device models and browsers.

6/ ⚡ easings.net

Lookup easing functions for CSS animation and transition.

7/ ⚡ tinypng.com

Compress PNG images for faster web pages.

8/ ⚡ developers.google.com/speed/pagespee…

Very popular tool to check your website speed on mobile and desktop.

9/ ⚡ coolors.co/generate

Beautiful color palette generator.

10/ ⚡ DevUtils.app (macOS app)

If you are using macOS, you may also like this app I built for developers.

It's a toolbox of 30+ development tools in one single place. Native app, work offline, and respect your data.

@tdinh_me

That's all for now! Those are the web tools that I find very helpful for web developers.

If you like this thread:
– Follow me: @tdinh_me 👋
– Like & Retweet the first tweet ❤️👇

Thanks!

https://twitter.com/tdinh_me/status/1438073098708815872

• • •

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 @tdinh_me

Tony Dinh 🎯

@tdinh_me

14 Sep

Are you a solo developer struggling with design?

Here are 10 free/open-source UI, UX, and design resources to make your life better 🧵👇

1/ ⭐ shapedivider.app

Use this tool to create those fancy looking separating waves on your landing page! 😄

2/ ⭐ logosear.ch

Search SVG logo of popular companies, apps, brands, etc.

Read 12 tweets

Tony Dinh 🎯

@tdinh_me

26 Aug

Side projects help you:

– Practice coding skills
– Standout in job search
– Learn new tech
– Potentially make money

Below are some ideas/inspirations for your side projects to practice, but also will be useful for your own use:

👇🧵

A note-taking app that works with your own note-taking style.

Personal website to show off all of the apps you have made.

Read 13 tweets

Tony Dinh 🎯

@tdinh_me

24 Aug

My recommended the tech stack and services you should learn/invest in today:

Frontend:
– ReactJS
– NextJS
– Tailwind CSS

Backend:
– NextJS
– ExpressJS
– pm2 (npm install pm2)

Database:
– MySQL for relational data
– Redis for key-value data

🧵👇 (1/3)

Services:
– Error reporting: Sentry
– Web Analytics: Plausible, goatcounter, Google Analytics
– Domain: Namecheap
– DNS: Cloudflare
– Static hosting: GitHub Pages, AWS S3, Cloudflare Pages
– Servers: DigitalOcean (cheap)

– Payment: Paddle, Stripe
– Sending email: Mailgun
– Email forwarding: ImprovMX
- CI/CD: GitHub Actions
– Serverless: AWS Lambda

Read 4 tweets

Tony Dinh 🎯

@tdinh_me

23 Aug

The new landing page is out!

A bunch of videos, and still maintaining 99/100 Page Speed score ✨ (only on Desktop 😂)

Roast my landing page! 👉 devutils.app

I still have a lot of items to work on the page to make it 100% my likings, but I'll have to accept it as it is for now. 😅

Need to move on to other stuff, otherwise, I'll be stuck at optimizing the landing page forever 😂

A list of non-obvious things I want to show off because I already spent way too much time on them 😂:

– There are both light/dark theme depends on the current system mode.
– The page (and the videos) work even if JavaScript is disabled
– All videos/images are lazy-loaded

Read 4 tweets

Tony Dinh 🎯

@tdinh_me

7 Jul

Are you a developer with poor taste in design? 🥲

These resources will help you deliver a beautiful website/app or whatever you are working on.

They all have a FREE plan (best for indie hackers!)

🧵 👇

1/ 🔗 designer.io

✨ Free/powerful photo editor for graphical marketing materials, websites, icons, UI design, presentations, or social media.

2/ 🔗 invisionapp.com

✨ Best when you need fast UI design and prototype. You can have 1 active prototype with the free plan but that's enough most of the time!

Read 12 tweets

Tony Dinh 🎯

@tdinh_me

17 Jun

List of free online tools I still use over and over again every time I make a new website/app.

I'm putting it here so I could bookmark my own tweet for my next project 😂

Will update this list from time to time.

🧵👇

@RealFavicon

➡️ metatags.io – generate meta tags for Twitter/Facebook/Reddit thumbnails

➡️ realfavicongenerator.net – generate favicons and app icons on various web browsers/platforms. (by @RealFavicon)

@iamiconduck

➡️ iconduck.com – free open source icons (by @iamiconduck)

➡️ photopea.com – it's a free Photoshop online, I use it to design banners, logos, etc. (by @photopeacom)

Read 5 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!

Share this page!

Tony Dinh 🎯

Try unrolling a thread yourself!

More from @tdinh_me

Tony Dinh 🎯

Tony Dinh 🎯

Tony Dinh 🎯

Tony Dinh 🎯

Tony Dinh 🎯

Tony Dinh 🎯

Did Thread Reader help you today?

Like this author's thread?