Tweet

Savio Martin ⚡️

11 Oct, 12 tweets, 6 min read

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 }

3. devdocs.io

The website is all-in-one documentation site that contains documentation in more than 100 languages.

{ 3 / 10 }

4. fontjoy.com

Pair your Google fonts with ease. Analyse 100+ fonts and find the best one.

{ 4 / 10 }

5. muz.li

Best site for design inspiration, curated by the experts.

{ 5 / 10 }

6. lottiefiles.com

Lightweight, scalable animations for your website and
apps.

{ 6 / 10 }

7. getwaves.io

Generate beautiful waves ready to copy paste as CSS.

{ 7 / 10 }

8. transform.tools

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

{ 8 / 10 }

9. ray.so

Turn your code in to beautifully images and share.

{ 9 / 10 }

10. codehouse-app.netlify.app

World biggest storehouse of developer cheatsheets. Curated collection of 300+ cheatsheets.

{ 10 / 10 }

@saviomartin7

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

This Thread may be Removed Anytime!

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

More from @saviomartin7

Savio Martin ⚡️

@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

Savio Martin ⚡️

@saviomartin7

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

Savio Martin ⚡️

@saviomartin7

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

Savio Martin ⚡️

@saviomartin7

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