Share this page!

Enter URL or ID to Unroll

You can paste full URL like: https://x.com/threadreaderapp/status/1644127596119195649
or just the ID like: 1644127596119195649

How to get URL link on X (Twitter) App

  1. On the Twitter thread, click on or icon on the bottom
  2. Click again on or Share Via icon
  3. Click on Copy Link to Tweet
  4. Paste it above and click "Unroll Thread"!
  5. More info at Twitter Help
Trilochan Parida Profile picture
@TechParida
Sep 1, 2020 • 13 tweets • 3 min read • Read on X
The Best Free Tools For Web Designers And Web Developers in a Thread🧵

#100DaysOfCode #CodeNewbies
🔶🔷 Web Design Resources
🔶 Software + Apps

1. CoffeeCup Software
2. InVision app
3. Pixlr
4. Canva
5. Easel.ly
🔷 Photos

1. Unsplash
2. PicJumbo
3. Gratisography
4. Compfight
5. IM Free
6. Stock Up
7. Death to the Stock Photo
8. Little Visuals
9. New Old Stock
10. Cupcake
11 Pexels
12. Magdeleine
13. SplitShire
14. ISO Republic
15. Paul Jarvis
🔶 Symbols + Icons

1. Pixeden
2. Iconmonstr
3. Captain Icon
4. Linear Icons
5. Font Awesome
6. Fontello
7. Flaticon
8. The Noun Project
9. Endless Icons
10. Perfect Icons
11. iconSweets
12. Round Icons
🔷 Fonts

1. Google Webfonts
2. typegenius
3. Font Squirrel
4. Beautiful Web Type
5. Lost Type
🔶 Colors

1. Material UI
2. Paletton
3. Design Seeds
4. Adobe Color Wheel
5. Material Palette
6. Flat UI Color Picker
7. Flat UI Colors
8. Bootflat
9. Coolors
10. Skala Color
11. BrandColors
12. 0 to 255
13. Colour Lovers
14. Palette for Chrome
🔷 Backgrounds + Textures

1. Pattern8
2. Repeat-X Repeat-Y
3. Texture King
4. Patternico
5. Subtle Patterns
6. Lost and Taken
7. BG Patterns
🔶 UI (User Interface) Kits/Guides

1. 55+ Elements Free UI Kit
2. Oh no, not another UI Kit
3. PSD Booster Freebies
4. Material Design Guidelines
🔷🔶 Web Development Resources
🔷 Domain Name Search Engines

1. Namemesh
3. Panabee
4. Impossibility
5. LeanDomainSearch
🔶 Frameworks, Templates, Code Packs, + Themes

1. WP-Flex
2. Foundation
3. Ionic
4. Initializr
5. Materialize
6. WordPress Plugin Boilerplate
7. Front-end Boilerplate
8. HTML5 Boilerplate
9. HTML5 UP
10. 1 Line CSS Grid Framework
11. 960 Grid System
12. Starkers for WordPress
13. Barebones for WordPress
14. Underscores
15. Sage for WordPress
16. Whiteboard for WordPress
17. Bootstrap
18. Bootswatch
🔷 Code Style Guides

1. Web Field Manual
2. Google Developers Web Fundamentals
3. Deployments Best Practices
4. GitHub
5. Google
6. Mozilla
🔶 Code Validation

1. w3.org
2. Web Design Group HTML Validator
3. Validome
4. Validator.nu
5. Code Beautify
6. JSLint
7. Free Formatter

• • •

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

Keep Current with Trilochan Parida

Trilochan Parida 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 @TechParida

Trilochan Parida Profile picture
Nov 28, 2020
56 Javascript tools and plugins for you.

🧵
Animation:

1. anime.js
2. Velocity
3. Popmotion
4. Aos
5. Mo.js
6. ScrollReveal
7. Skrollr
Video:

1. Video.js
2. Plyr
3. jPlayer
4. Fit Vid.js
5. Vide
6. Flowplayer
7. Popcorn Js
Read 9 tweets
Trilochan Parida Profile picture
Nov 20, 2020
Let's Understand What is GIT?

🧵
1. Git is a distributed version control system

2. Git is for tracking the changes in your source code during one particular development

3. It is designed to handles every project with speed and efficiency

4. Git also helps you synchronise the code between multiple people
There are six key terminologies

1. Repository
2. Branch
3. Commit
4. Clone
5. Fetch
6. Fork
Read 10 tweets
Trilochan Parida Profile picture
Nov 14, 2020
5 FREE ONLINE COURSES FOR YOU TO LEARN UI/UX

You will love this 🧵
1. Product Design - Udacity

udacity.com/course/product…
2. Introduction to User Experience Design - Coursera

coursera.org/learn/user-exp…
Read 7 tweets
Trilochan Parida Profile picture
Oct 16, 2020
Do you want to start learning Python from Scratch?

This 🧵is for you. I would share my personal journey about how I started learning Python.
I fell in love with Python when I started a serverless project on AWS Lambda using Python.

Not only that I did the most interesting project was to scrap different hotel booking sites(Booking .com, Goibibo, etc.) to get hotel data.
I started learning Python from official docs: 3.7.2 Documentation

However, if you are a beginner then I would recommend you to learn from the geeksforgeeks.org
Read 12 tweets
Trilochan Parida Profile picture
Oct 14, 2020
10 Python Open Source Projects On GitHub.

Many asking me about the open-source projects in Python

This 🧵 will help you to become a pro. in Python 💕
1. Manim

Manim or Mathematical Animation Engine is an animation engine for explanatory math videos. It is basically used to create animations programmatically. Manim runs on Python 3.7.

Github: github.com/3b1b/manim
2. Python Robotics

Python Robotics is a Python code collection of robotics algorithms. This project is mainly used for autonomous navigation. Python Robotics runs on Python 3.7 and the requirements include NumPy, SciPy, Matplotlib, Pandas

Github: github.com/AtsushiSakai/P…
Read 13 tweets
Trilochan Parida Profile picture
Sep 27, 2020
2021 Roadmap for Back-End Developers💕

This 🧵 is for you👇
Internet

1. How does the internet work?
2. What is HTTP?
3. Browsers and how they work?
5. DNS and how it works?
6. What is Domain Name?
7. What is hosting?
Basic Front-end Knowledge

1. HTML
2. CSS
3. JavaScript
Read 22 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

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

Send Email!

:(