45 Free Tools & Resources You're Gonna Love -

🧡 BIG THREAD 🧡 πŸ‘‡

#javascript #webdevelopment #webdesign #programmers #WomenWhoCode
1. Tabler Icons -

Free and open-source icons designed with attention to detail to make your design stand out.

Visit πŸ‘‡
Β tablericons.com
2. Remove bg -

Remove Image Background: 100% automatically – in 5 seconds – without a single click – for free.

Visit πŸ‘‡
Β remove.bg
3. Dev Resources -

A collaborative list of resources for developers, presented in curated categories.

Visit πŸ‘‡
devresourc.es
4. Blender -

Free and Open 3D Creation Software.

Visit πŸ‘‡
blender.org

5. Free Code Tools -

Collection of free SEO and code tools.

Visit πŸ‘‡
freecodetools.org
6. Coolors -

Generate or browse beautiful color combinations for your designs.

Visit πŸ‘‡
coolors.co

7. Loading -

Build Your Ajax Loading Icons, Animated Text and More with SVG / CSS / GIF / PNG !

Visit πŸ‘‡
loading.io
8. DevSamples -

DevSamples is a list of code samples for you to copy and paste into your projects as needed.

Visit πŸ‘‡
devsamples.com

9. Lorem Picsum -

Lorem Ipsum... but for photos.

Visit πŸ‘‡
picsum.photos
10. Netlify -

Deploy modern static websites with Netlify. Get CDN, Continuous deployment, Get started for free.

Visit πŸ‘‡
netlify.com

11. Pxfuel -

Millions of public domain stock photos, all are free for commercial use.

Visit πŸ‘‡
pxfuel.com
12. Font Awesome -

The world’s most popular and easiest to use icon set just got an upgrade.

Visit πŸ‘‡
Β fontawesome.com

13. GTmetrix -

GTmetrix is a free tool that analyzes your page's speed performance. Using PageSpeed and YSlow.

Visit πŸ‘‡
gtmetrix.com
14. Resume. com -

The Best Free Resume Builder No gimmicks. At Resume.com.

Visit πŸ‘‡
resume.com

15. Daily. dev -

daily.dev is the easiest way to stay updated on the latest programming news.

Visit πŸ‘‡
daily.dev
16. DevDocs -

Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app.

Visit πŸ‘‡
devdocs.io

17. Feather Icons -

Feather is a collection of simply beautiful open source icons.

Visit πŸ‘‡
feathericons.com
18. Shortcode. dev -

A collection of useful snippets and code examples. Elements, attributes and selectors.

Visit πŸ‘‡
shortcode.dev

19. Canva -

Create beautiful designs with your team. Use Canva's drag-and-drop features.

Visit πŸ‘‡
canva.com
20. Mockuper. net -

Mockuper, the free mockups generator to create custom images to show your awesome works.

Visit πŸ‘‡Β 
mockuper.net

21. CSS Nectar -

CSS Nectar is a css website design showcase for web designers and developers.

Visit πŸ‘‡
Β cssnectar.com
22. BGJar -

Free svg background generator for your websites, blogs and apps.

Visit πŸ‘‡
bgjar.com

23. Photopea -

Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures.

Visit πŸ‘‡
Β photopea.com
24. Vercel -

Deploy web projects with the best frontend developer experience and highest end-user performance.

Visit πŸ‘‡
vercel.com

25. fun-javascript-projects -

Learn Javascript for free in a practical, project based approach.

Visit πŸ‘‡ fun-javascript-projects.com
26. Flaticon -

3743500+ Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT.

Visit πŸ‘‡
flaticon.com

27. Awesome Python -

A curated list of awesome Python frameworks, libraries and software.

Visit πŸ‘‡
awesome-python.com
28. CSS Reference -

CSS Reference is a free visual guide to CSS. It features the most popular properties.

Visit πŸ‘‡
cssreference.io

29. Sidebar. io -

The five best design links, every weekday.

Visit πŸ‘‡
sidebar.io
30. Grid by Example -

Everything you need to learn CSS Grid Layout.

Visit πŸ‘‡
gridbyexample.com

31. Heroicons -

Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.

Visit πŸ‘‡
heroicons.com
32. Latency -

Free global latency performance testing tool.

Visit πŸ‘‡
latency.apex.sh

33. We Work Remotely -

Remote jobs in design, programming, marketing and more.

Visit πŸ‘‡
weworkremotely.com
34. Unsplash -

Beautiful, free images and photos that you can download and use for any project.

Visit πŸ‘‡
unsplash.com

35. Simple Icons -

1400+ Free SVG icons for popular brands.

Visit πŸ‘‡
simpleicons.org
36. CSS Stats -

CSS Stats provides analytics and visualizations for your stylesheets.

Visit πŸ‘‡
cssstats.com

37. Squoosh. app -

Compress and compare images with different codecs, right in your browser.

Visit πŸ‘‡
squoosh.app
38. Fast design -

The adaptive interface system for modern web experiences.

Visit πŸ‘‡
fast.design

39. UI Garage -

Daily UI inspiration & patterns for designers, developers to find inspiration.

Visit πŸ‘‡
uigarage.net
40. unDraw -

The design project with open-source illustrations for any idea you can imagine and create.

Visit πŸ‘‡
undraw.co

41. Figma -

Build better products as a team. Design, prototype, and gather feedback all in one.

Visit πŸ‘‡
figma.com
42. Hashnode -

Hashnode is a free content creation platform and community that allows you to publish articles on your own.

Visit πŸ‘‡
hashnode.com

43. Free CSS -

Free CSS has 3133 free website templates, all templates are free.

Visit πŸ‘‡
free-css.com
44. DrawKit -

Free vector SVG illustrations for you to use on your next project.

Visit πŸ‘‡
drawkit.io

45. Public APIs -

A collective list of more than 1000 Free Public and Open REST APIs for developers like movie APIs.

Visit πŸ‘‡
public-apis.io

β€’ β€’ β€’

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

Keep Current with Coding Master

Coding Master 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 @CodingMaster6

4 May
Ultimate List of Free Web Development Resources -

🧡 MEGA THREAD 🧡 πŸ‘‡

#100DaysOfCode #javascript #Python3 #programmer #CSS3 #webdevelopment #html #WomenWhoCode
Topics Covered πŸ‘‡

πŸ”ΉOnline Learning Platforms
πŸ”Ή Free Code Snippets
πŸ”Ή Documents
πŸ”Ή Learn By Playing Games
πŸ”Ή Icons
πŸ”Ή Illustrations
πŸ”Ή Free Web Hosting
πŸ”Ή YouTube Channel

Let's Start πŸ”₯πŸ”₯
πŸ”Ά Online Leaning Platforms

πŸ”Ή Free Code Camp -
freecodecamp.org

πŸ”Ή Udemy -
udemy.com

πŸ”Ή Treehouse -
teamtreehouse.com

πŸ”Ή Udacity -
udacity.com

πŸ”Ή Cousera -
coursera.org

πŸ”Ή Sololearn -
sololearn.com
Read 18 tweets
4 May
Best CSS Generators For Web Developers πŸ”₯πŸ”₯

🧡 THREAD πŸ§΅πŸ‘‡

#100DaysOfCode #Python #javascript #DataScience #CSS3 #Website #WomenWhoCode
πŸ”Ά CSS3 Generator -

CSS3 Generator is a more traditional example of code snippets you might need in everyday situations. The CSS3 Generator webapp has over 10 different code generators .

Visit πŸ‘‡

css3generator.com
πŸ”Ά ColorZilla Gradients -

It's completely free and has a visual editor like Photoshop to generate the gradient codes.

Visit πŸ‘‡

colorzilla.com/gradient-edito…
Read 9 tweets
3 May
GitHub Repositories to improve your Programming Skills -

🧡 THREAD πŸ§΅πŸ‘‡

#github #development #Coding #programming #100DaysOfCode #javascript #WomenWhoCode
1. Free Programming Books -

Freely available programming books

167k ⭐

Repo:Β github.com/EbookFoundatio…
2. Awesome-

Awesome lists about all kinds of interesting topics

148k ⭐

Repo:Β github.com/sindresorhus/a…
Read 12 tweets
3 May
FullStack Development Complete Roadmap -

🧡 THREAD πŸ§΅πŸ‘‡

#100DaysOfCode #fullstack #webdevelopment #coding #programming
πŸ”Ά START FROM FRONTEND

πŸ”ΉHTML
- Semantic HTML
- Forms & Validations

πŸ”Ή CSS
- Flexbox, Grid
- Layouts
- Responsive Design
- Floats, Box Model, Display, Position
- Media Queries, Animation, Transform
πŸ”Ή JavaScript
- Basic Syntax
- Arrays, Functions, Events
- DOM Manipulation
- ES6 JS
- Fetching APIs
- AJAX/JSON

!! BASIC COMPLETED !!
Read 10 tweets
2 May
50 Great Websites For Web Developers -

🧡 BIG THREAD πŸ§΅πŸ‘‡

#100DaysOfCode #webdeveloper #webdevelopment #Coding #WomenWhoCode #javascript #css3
1. Hidden Tools -
hiddentools.dev

2. Music For Programming -
musicforprogramming.net

3. Programming Language Convertor -
ide.onelang.io

4. HTTP Cat -
http.cat

5. Iconscout -
iconscout.com
6. CSS Zen Garden -
csszengarden.com

7. A List Apart -
alistapart.com

8. Code Project -
codeproject.com

9. Scotch -
scotch.io

10. TutsPlus -
tutsplus.com
Read 12 tweets
24 Apr
50 Free CSS Resources For Web Developers ( PART - 1 )

πŸ“’ A BIG THREAD πŸ“’

#CSS3 #webdevelopers #100DaysOfCode #coding #DEVCommunity #WomenWhoCode #stackoverflow #programmer #Frontend
πŸ”Ή Colors

1. Color Hunt
colorhunt.co

2. Coolors
coolors.co

3. HTML color codes
htmlcolorcodes.com

4. UI Gradients
uigradients.com
5. Gradient generator
cssgradient.io

6. Encycolorpedia
encycolorpedia.com

7. WebFx
webfx.com/web-design/col…

8. Radial Gradient
css-gradient.com

9. COLORS
clrs.cc

10. Flat UI colors 2
flatuicolors.com
Read 12 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!