Are you a Frontend Developer?

Here are 15 amazing websites to save you 10+ hours every week.

A Thread 🧵👇️
1. 30secondsofcode.org

30 seconds of code has collections of short code snippets for a variety of languages.

{ 1 / 15 }
2. glitch.com

Glitch helps to create your next web project in browser with no setup and instant deployment.

{ 2 / 15 }
3. gtmetrix.com

GTmetrix helps to know how your site performs, reveal why it's slow, and discover optimization opportunities.

{ 3 / 15 }
4. unscreen.com

Unscreen helps to remove background from any video or GIF.

{ 4 / 15 }
5. devdocs.io

DevDocs is an all-in-one documentation site that contains documentation in more than 100 languages.

{ 5 / 15 }
6. wappalyzer.com

Whatrun helps to find out what all technologies are used in a website.

{ 6 / 15 }
7. responsively.app

Responsively helps to test a website in different devices and helps to build responsive web apps.

{ 7 / 15 }
8. smalldev.tools

Small Devtools provide 20+ tools that helps developers with commonly performed tasks.

{ 8 / 15 }
9. storytale.io

Story tale makes your project eye-catching with awesome characters. Use it both for commercial and personal purposes.

{ 9 / 15 }
10. codehouse-app.netlify.app

World's biggest storehouse of developer cheatsheets. 300+ curated for any technologies.

{ 10 / 15 }
11. developers.google.com/speed/pagespee…

PageSpeed Insights analyzes the content of a web page, then generates suggestions to make that page faster. Built by Google.

{ 11 / 15 }
12. transform.tools

Simple and easy transforms for almost anything including SVGs, JSX, JSON, CSS, GraphQL, JavaScript and more!

{ 12 / 15 }
13. motion.dev

Motion One is an animation library, built on the Web Animations API for the smallest filesize and the fastest performance.

{ 13 / 15 }
14. growthbarseo.com

Growth Bar Seo helps to get billions of keywords, backlinks, and create blog content that Google loves.

{ 14 / 15 }
15. hiddentools.dev

Hidden Tools is a collection of amazing tools that are underrated.

{ 15 / 15 }
Thank you for reading!

I'm Savio 👋
Daily threads on web development and developer resources.

If you found this Thread useful:
- Follow me (@saviomartin7) ✅
- Retweet it
- Turn on the notifications

Thank you for the support friends! 🙏

• • •

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

Keep Current with Savio Martin ⚡️

Savio Martin ⚡️ 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 @saviomartin7

12 Oct
Useful GitHub Repositories every developer should know 🔥

List of 15 awesome GitHub repositories to save hours and increase productivity.

A Thread 🧵👇️
1. github.com/kamranahmedse/…

Useful visual roadmap to becoming a web developer in 2021.

{ 1 / 15 }
2. github.com/sindresorhus/a…

Useful lists about all kinds of interesting topics and technologies.

{ 2 / 15 }
Read 16 tweets
11 Oct
10 Killer Websites for Web Developers and Designers 🤯

98.8% don't know these websites. The ultimate list of the best developer tools.

A thread 🧵👇️
1. gradienta.io

Create stunning aesthetic multicoloured backgrounds in seconds and copy CSS.

{ 1 / 10 }
2. builtwith.com

Find out what technology websites are built with.

{ 2 / 10 }
Read 12 tweets
9 Oct
Googling is a must have skill for developers.

Here are the pro tips to search on Google.
( A thread with examples 🧵↓ )
1. Asterisk *

Use * to fill in missing words or phrases.
🔎 Example Search: how to * in JavaScript

{ 1 / 10 }
2. Search:

Using search: you can search within a website.
🔎 Example Search: search:quora .com arrays

{ 2 / 10 }
Read 12 tweets
8 Oct
Platforms to Get Free 3D illustrations for your projects.

3d illustrations make your site stand out. Here are 10 popular platforms to get FREE 3d illustrations.

A thread 🧵👇️
1️⃣ AmritPal Design

In his website you can find all 3D illustrations, 3D design assets, and 3D avatars.

amritpaldesign.com 🔗
2️⃣ SALY

Saly is a completely FREE figma file with collection of high-quality 3D illustrations, hand-crafted and full of personalities.

figma.com/community/file… 🔗
Read 12 tweets
7 Oct
Want to become an Aspiring Frontend Web Developer?

This thread is for you.

Front-end Web Developer Roadmap, zero to advanced. Understand all concepts with explanations.

Mega Thread 🧵↓
1. Understanding Internet.

You should get a clear view of how browsers work and what runs between. Basic knowledge of the Internet is the first step.

Learn the fundamentals:
- How does the Internet work?
- What is HTTP?
- How do Browsers work?

{ 1 / 10 }
2. HTML

HTML comes up next. HTML is the standard markup language for Web pages. Start with basics by understanding DOM, Forms and then move on to larger concepts like SEO and Accessibility.

Learn Fundamentals:
- DOM Structure
- Basic Tags
- SEO

{ 2 / 10 }
Read 13 tweets
6 Oct
I gathered the tools for your next startup 🛠️

Save 100+ hours on researching.
(A thread🧵)
webflow.com 🔗

The modern way to build for the web with No Code.
Price: Free 💸
spline.design 🔗

Amazing design tool for 3D web experiences.
Price: Free 💸
Read 34 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!

:(