Pratham Profile picture
19 Apr, 14 tweets, 3 min read
You can learn 90% of CSS using these 10 threads

πŸ§΅πŸ‘‡
1. All you need to know about CSS 🎨

2. Getting started with CSS animations πŸš—

3. Z-index is tricky but this thread solve all your doubts πŸ“ˆ

5. Learn how to make your website responsive πŸ–₯οΈπŸ’»πŸ“±

6. Media Query πŸ“±πŸ’»πŸ–₯️

10. 100 CSS resources that will help you throughout your life βš’οΈ

Fun FactπŸ’‘

On average, I spent more than 24 hours writing all these threads.

I hope you find these threads helpfulπŸ˜„β€οΈ
Thanks for the amazing response ❀️

It was worth spending every minute writing this thread
YeahπŸ₯³

My first thread that got more than 5K likes πŸ₯ΊπŸ˜

β€’ β€’ β€’

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

Keep Current with Pratham

Pratham 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 @Prathkum

21 Apr
15 amazing websites that will change your way of coding

πŸ§΅πŸ‘‡
➳ regexr.com
β€’ online tool to learn, build & test Regular Expressions

➳ alexnisnevich.github.io/untrusted/
β€’ JavaScript game

➳ learn-anything.xyz
β€’ Search anything here and it will show you the correct roadmap with all the necessary resources
➳ pullrequest.com
β€’ Code review as a service by expert engineers

➳ extendsclass.com
β€’ Syntax validators, code formatters, testers, HTTP clients, mock server, but also a SQLite browser

➳ repl.it
β€’ Code, create, and learn together
Read 7 tweets
21 Apr
My handwritten Web Development notes ✍️

πŸ§΅πŸ‘‡
1. CSS selectors β˜‘οΈ Image
2. Some important CSS Pseudo classes πŸ”― Image
Read 25 tweets
20 Apr
6 amazing GitHub repositories for every programmer

πŸ§΅πŸ‘‡
1️⃣ Awesome-Linux-Software

A list of awesome applications, software, tools and other materials for Linux distros.

14.8K ⭐
1.6K 🍴

πŸ”— github.com/luong-komorebi… Image
2️⃣ Free-Python-Books

Python books free to read online or download

1.9K ⭐
208 🍴

πŸ”— github.com/pamoroso/free-… Image
Read 7 tweets
20 Apr
Let's create 22 shapes and figures using pure CSS 🎨

πŸ§΅πŸ‘‡πŸ»
1. Circle 🟑

- Pretty simple, we just need to make a square and apply the border-radius 50% in order to give it a circular shape ImageImage
2. Semi-circle πŸŒ“

- Create a rectangle
- Apply border radius top left and top right same as height of the rectangle ImageImage
Read 24 tweets
16 Apr
5 websites every developer should visit in 2021

🧡 πŸ‘‡πŸ»
1️⃣ Programming Tasks

Large collections of problems that may be solved through programming

πŸ”— rosettacode.org/wiki/Category:…
2️⃣ DevHints

Simply search for a cheat sheet here. A set of good cheatsheets

πŸ”— devhints.io
Read 6 tweets
16 Apr
The roadmap to learn HTML, CSS and JavaScript πŸ›£οΈ

🧡 πŸ‘‡πŸ»
πŸ“Œ HTML

1. Understanding the full form of HTML
2. Anatomy of tags
3. HTML5 boilerplate
4. Heading tags
5. ul, ol, li, tags
6. img, span tag
7. Table tags for layout
8. Form tags
9. Some more semantic elements
10. Basic attributes
πŸ“Œ CSS

1. Inline, internal and external CSS
2. Selectors
3. Background
4. Color
5. Box model
6. Height and width
7. Margin and padding
8. Border
9. Positioning
10. display
11. Layouts
12. Grid and Flex
13. Alignment
14. Fonts
15. Animation
16. Pseudo-classes
17. Media query
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!