Swapna Kumar Panda Profile picture
Feb 25, 2022 β€’ 11 tweets β€’ 3 min read β€’ Read on X
🎨 Introduction to CSS

Explained with classic Illustrations Image
πŸ“‹ Table of Contents

➊ What is CSS?
βž‹ Why to use CSS?
➌ Where can we use CSS?
➍ How to add CSS?
➎ CSS Alternatives
➊ What is CSS? Image
βž‹ Why to use CSS? Image
➌ Where can we use CSS? Image
➍ How to add CSS? Image
➎ CSS Alternatives Image
Are you interested in more threads in CSS Explained series?

Here is one on "border-radius"

⚠️ Repost Notice ⚠️

⬘ This is my original work and, was previously posted in [CHIRPBIRDICON] in July 2021.

⬙ If you liked these works, feel others might learn from it, do support.
End of 🧡

If you are interested in learning through illustrations, I am making a bunch on topics of HTML, CSS, JavaScript, React, SQL/NoSQL and, DSA.

To never miss any, Follow me βœ…
Image

β€’ β€’ β€’

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

Keep Current with Swapna Kumar Panda

Swapna Kumar Panda 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 @swapnakpanda

Jan 29
AI/ML Courses from Stanford (ALL FREE):

❯ CS221 - Artificial Intelligence
❯ CS229 - Machine Learning
❯ CS230 - Deep Learning
❯ CS234 - Reinforcement Learning
❯ CS231N - Deep Learning for CV
❯ CS336 - LLM from Scratch

Course links inside πŸ‘‡Image
Image
Image
Image
1. CS229 - Machine Learning

- By Andrew Ng

πŸ–‡ youtube.com/playlist?list=…Image
2. CS230 - Deep Learning

- 2025 (Ongoing)
- By Andrew Ng

πŸ–‡ youtube.com/playlist?list=…Image
Read 12 tweets
Jan 4
Stanford's ALL FREE Courses (AI & ML):

❯ CS221 - Artificial Intelligence
❯ CS229 - Machine Learning
❯ CS230 - Deep Learning
❯ CS234 - Reinforcement Learning
❯ CS336 - LLM from Scratch
❯ CS224N - NLP with Deep Learning

Course links inside πŸ‘‡Image
Image
Image
Image
1. CS229 - Machine Learning

- By Andrew Ng

πŸ–‡ youtube.com/playlist?list=…Image
2. CS230 - Deep Learning

- 2025 (Ongoing)
- By Andrew Ng

πŸ–‡ youtube.com/playlist?list=…Image
Read 12 tweets
Dec 26, 2025
Best skills to build in 2026: AI & ML

Here's a complete roadmap + all free resources:Image
1. Python

Time: January

Focus on Python programming and basic data structures.

⬙ Detailed Roadmap
x.com/swapnakpanda/s…

β¬— Free Books
❯ Think Python (O'Reilly)
allendowney.github.io/ThinkPython/

❯ Introduction to Programming with Python
aupress.ca/books/oer-2023…

❯ Introduction to Python Programming
assets.openstax.org/oscms-prodcms/…

⬘ Free Course - Harvard CS50
cs50.harvard.edu/python/

β¬– YouTube Courses
❯ MIT Full Course for Beginners
youtube.com/playlist?list=…

❯ Python for Everybody (freeCodeCamp)
youtube.com/watch?v=8Dvywo…Image
2. Mathematics

Time: February & March

➀ Key Topics
✩ Linear Algebra
✩ Single and Multivariable Calculus
✩ Probability & Statistics

⬙ Free Books
❯ Mathematics for Machine Learning
mml-book.github.io/book/mml-book.…

❯ Mathematics for Machine Learning (UC Berkeley)
gwthomas.github.io/docs/math4ml.p…

β¬— More Free Books
x.com/swapnakpanda/s…

⬘ Free Course - Khan Academy
❯ Linear Algebra
khanacademy.org/math/linear-al…

❯ Probability & Stats
khanacademy.org/math/statistic…

β¬– YouTube
youtube.com/@JonKrohnLearnsImage
Read 10 tweets
Dec 25, 2025
11 Python Books for FREE on this Christmas Eve πŸŽ„

Enjoy...Image
Image
Image
Image
1. Think Python

❯ v2 (PDF) greenteapress.com/thinkpython2/t…

❯ v3 (HTML) allendowney.github.io/ThinkPython/Image
2. Clean Code in Python

Publisher: Packt

πŸŽ„ packtpub.com/free-ebook/cle…Image
Read 12 tweets
Dec 12, 2025
Stanford's FREE Courses on AI & ML:

❯ CS221 - Artificial Intelligence
❯ CS229 - Machine Learning
❯ CS230 - Deep Learning
❯ CS234 - Reinforcement Learning
❯ CS336 - LLM from Scratch
❯ CS224N - NLP with Deep Learning

All 11 course links inside:
1. CS221 - Artificial Intelligence

πŸ–‡ youtube.com/playlist?list=…Image
2. CS229 - Machine Learning

- By Andrew Ng

πŸ–‡ youtube.com/playlist?list=…Image
Read 12 tweets
Dec 7, 2025
SITES YOU MUST BOOKMARK FOREVER!!! Image
1. Python, AI & ML, Data Science

❯ Python ➟ realpython.com
❯ Python ➟ fullstackpython.com
❯ Python ➟ planetpython.org

❯ Django ➟ learndjango.com

❯ Flask ➟ blog.miguelgrinberg.com/post/the-flask…

❯ FastAPI ➟ fastapi.tiangolo.com/learn/

❯ Machine Learning ➟ developers.google.com/machine-learni…

❯ Machine Learning ➟ tensorflow.org/resources/lear…

❯ Tensorflow ➟ tensorflow.org/learn

❯ Data Science ➟ towardsdatascience.comImage
2. JavaScript, React, Next, Node.js, Express.js

❯ JavaScript ➟ javascript.info
❯ JavaScript ➟ web.dev/javascript
❯ JavaScript ➟ developer.mozilla.org/en-US/docs/Lea…
❯ JavaScript ➟ theodinproject.com/paths/full-sta…

❯ Node.js ➟ nodejs.org/learn/
❯ Node.js ➟ theodinproject.com/paths/full-sta…

❯ Express.js ➟ developer.mozilla.org/en-US/docs/Lea…
❯ Express.js ➟ expressjs.com/en/starter/ins…

❯ React ➟ scrimba.com/learn-react-c0e
❯ React ➟ theodinproject.com/paths/full-sta…

❯ Next.js ➟ youtube.com/playlist?list=…Image
Read 14 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!

:(