40+ High-Quality Free Resources for Web Development

A Master Thread 👇🏽
Table of Contents:

- Illustrations
- Development
- CSS
- Tailwind
- Design
- Productivity
Illustrations

1. Drawkit (drawkit.io)
2. Blush (blush.design)
3. Smash illustration (usesmash.com)
4. Control (control.rocks)
5. Error 404 (error404.fun)
6. Open Doodles (opendoodles.com)
Development

1. Carbon (carbon.now.sh)
2. Squoosh (squoosh.app)
3. Wappalyzer (wappalyzer.com)
4. Kite (kite.com)
5. DevHints (devhints.io)
6. iHateRegex (ihateregex.io)
7. DevDocs (devdocs.io/css/css_animat…)
CSS

1. Animista (animista.net)

2. Pattern.css (bansal.io/pattern-css)

3. CSSeffectsSnippets (emilkowalski.github.io/css-effects-sn…)

4. 98.css (jdan.github.io/98.css)
Tailwind

1. TailwindComponents
(tailwindcomponents.com)

2. Tailblocks
(mertjf.github.io/tailblocks/)
Design

1. Colors .lol (colors.lol)
2. Colormind (colormind.io)
3. FontSpark (fontspark.app)
4. AppMockUp (app-mockup.com)
5. Webframe (webframe.xyz)
6. Ucraft Logo Maker
(ucraft.com/free-logo-maker)
7. HackDesign (hackdesign.org/lessons)
8. Checklist Design (checklist.design)
9. Remove BG (remove.bg)
10. Unscreen (unscreen.com)
Productivity

1. GetTerms (getterms.io)
2. Sejda (sejda.com)
3. Notion (notion.so)
4. Grammarly (grammarly.com)
5. Wave (waveapps.com)
6. Clockify (clockify.me)
7. Untools (untools.co)
8. Evernote (evernote.com)
9. Top Hunts Time Machine (timemachine.betamode.dev)
10. OpensSource Builders (opensource.builders)
If you want more such content on Instagram, support me there too 👇🏽

instagram.com/dermayank
If you want more coding tips subscribe to free coding & interview preparation newsletter by @NlognHQ -

Nlogn.in/newsletter

• • •

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

Keep Current with Mayank 〽️

Mayank 〽️ 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 @dermayank

22 Mar
20 Cheat Sheets Website For Developers

A Master Thread 🧵
1. OverAPI

OverAPI is a website that aggregates cheat sheets for many popular web programming languages such as Javascript, NodeJS, PHP, Python, CSS.

overapi.com Image
2. Awesome-Cheatsheets

It is a collection of popular web programming language Cheatsheets.

lecoupa.github.io/awesome-cheats… Image
Read 23 tweets
18 Mar
"3 Months Coding Interview Preparation Guide"

Are you preparing for job Interviews at FAANG or top notch tech companies?

I have created a roadmap of topics frequently asked in software engineering Interviews while I personally followed too.

🧵A Thread🧵
3 Months interview preparation schedule

Week 0 : Programming language
Week 1-3: Data Structures
Week 4-6: Algorithms
Week 7-8: System Design
Week 9 : Operating System
Week 10 : Object-Oriented Design
Week 11 : Behavioral question
Week 12 : Revision
Programming language -

The best programming language for your coding interviews is the language that you’re most comfortable with. Prefer - Java or CPP or Python or javascript

Brush up all the concepts of the programming language of your choice.
Read 13 tweets
15 Mar
Are you a web developer?

Here are few Productive Tools that will save you 10+ hours per week

🧵A Thread 🧵
1. Metatags

This tool can help you to test and view your website's preview when viewed on Google, Facebook, or Twitter.

metatags.io
2. ExtractCSS

This tool can help you to extract element Id, class, and inline styles from HTML documents and output them as CSS stylesheets.

extractcss.com
Read 10 tweets
14 Mar
Roadmap for becoming Back-End Developer in 2021

🧵A Thread 🧵
Learn the basics of Internet

1. How does the internet work?
2. What is HTTP & HTTPS?
3. What is Domain Name?
4. What is IP Address?
5. DNS and how it works?
6. What is hosting?
7. What is SMTP?
Basics of front-end languages

1. HTML
2. CSS
3. JavaScript
Read 16 tweets
12 Mar
20 Websites that offer free ready to use HTML & CSS website templates

🧵A Thread🧵
1. Templated

templated.co
2. Zerotheme

zerotheme.com
Read 22 tweets
1 Mar
List of most asked Programming Interview Questions.

Are you preparing for a coding interview? This tweet is for you. It contains a list of the most asked interview questions from each topic.

🧵A Thread🧵
Arrays

- How is an array sorted using quicksort?
- How do you reverse an array?
- How do you remove duplicates from an array?
- How do you find the 2nd largest number in an unsorted integer array?

#100DaysOfCode
Linked Lists

- How do you find the length of a linked list?
- How do you reverse a linked list?
- How do you find the third node from the end?
- How are duplicate nodes removed in an unsorted linked list?
Read 7 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!