Nlogn Profile picture
4 Apr, 13 tweets, 11 min read
40+ High-Quality Free Resources for Web Development

A Master Thread 👇🏽
Table of Contents:

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

#100DaysOfCode
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)

#100DaysOfCode
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)

#100DaysOfCode
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)

#100DaysOfCode
7. HackDesign (hackdesign.org/lessons)
8. Checklist Design (checklist.design)
9. Remove BG (remove.bg)
10. Unscreen (unscreen.com)

#100DaysOfCode
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. Open Source Builders (opensource.builders)

#100DaysOfCode
Twitter is a very lonely place if you are just getting started.

I recommend you to follow very effective guide for building audience here on twitter by
@LifeMathMoney

Best part - "Your Purchase is Risk-Free they have 6 Month Money Back Guarantee"

gumroad.com/a/332403827/XF…
Thank You for Reading♥️

---

We're sharing more such posts on Instagram too. If you're on Instagram, consider supporting our work there too -

instagram.com/dermayank
For coding interview preparation for free, visit

nlogn.in

• • •

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

Keep Current with Nlogn

Nlogn 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 @NlognHQ

30 Mar
Are you a Web Developer?

Here are 50+ resources to help you Improve your Web Performance

🧵A Thread🧵
Table Of Contents:

- HTML
- CSS
- Images
- Fonts
- JavaScript
- Server
- Testing Tools
- Frameworks

#100DaysOfCode
HTML

✨ Minify HTML
☄️ Order your styles & scripts for page speed
⚡️ Eliminate render-blocking resources
🌟 Minimize layout thrashing
🎉 Prioritize resources
✨ Preload critical assets to improve speed
💥 Establish network connections early
⚡️ Prefetch resources

#100DaysOfCode
Read 15 tweets
28 Mar
Must-read Article if you are a frontend developer.

hemant.hashnode.dev/fetch-vs-axios…
Full Stack Developer best tech stack to follow in 2021.

#100DaysOfCode
hemant.hashnode.dev/best-full-stac…
Thank You for Reading ♥️

I'm sharing more such post on Instagram too. If you're on insta, consider supporting my work there too -

instagram.com/dermayank
Read 4 tweets
28 Mar
Best GitHub Repos for Web Developers

A Thread 🧵
1. Node.js Best Practices

This repository is a summary and curation of the top-ranked content on Node.js best practices and also its integration with other tools like Docker, Kubernetes, etc.

#100DaysOfCode

github.com/goldbergyoni/n…
2. HTML5 Boilerplate

HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites.

This project is the product of years of iterative development and community knowledge.

#100DaysOfCode

github.com/h5bp/html5-boi…
Read 11 tweets
26 Mar
BEST FREE TOOLS FOR WEB DESIGNERS AND WEB DEVELOPERS

🧵A Thread 🧵
Table of Contents -

Web Design Resources

1. Newsletter
2. Software
3. Photos
4. Icons
5. Fonts
6. Colors
7. Backgrounds + Textures
8. UI Guides

Web Development Resources

1. Domain Name Search Engines
2. Frameworks, Templates, Code Packs
3. Code Style Guides
4. Code Validation
Newsletter Lists

1. Creative Market (creativemarket.com)

Creative Market newsletter list is once a week newsletter, where you’ll get an email packed with 5 free downloads, including everything from patterns and fonts to templates and themes.

#100DaysOfCode
Read 20 tweets
25 Mar
Are you a web developer?

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

A Thread🧵

#100DaysOfCode
1. Metatags

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

metatags.io

#100DaysOfCode
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 11 tweets
24 Mar
5 Projects you can do to become a Frontend Master in 2021

A Thread 🧵

#100DaysOfCode
1. Build a movie search app using React (with hooks)

The first thing you could start with is building a movie search app using React.

Tech Stack -
a. React with Hooks
b. create-react-app
c. JSX
d. CSS

#100DaysOfCode
2. Build a chat app with Vue

Another great project for you is to build a chat app using my favorite JavaScript library VueJS.

Tech Stack
a. Vue
b. Vuex
c. Vue Router
d. Vue CLI
e. Pusher
f. CSS

#100DaysOfCode
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!