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

Sep 7
Python is MUST in 2025.

This is how to START and MASTER it in 1 year:
0. Preliminary Steps

Before deciding to start, ensure you do these

⬩Know your final goal
⬩Set a target for spending daily 1 hour minimum.
⬩Research about Python ecosystem (libraries, frameworks, code editors).

P.S: This is my personal roadmap. I could spend 1 to 2 hours daily for learning and practicing during 2020. And it took me ~1 year to finish logically. It may differ from person to person.
➊ Start with a bang: Simple Data Types

Schedule: 1st Month
Effort: 1 to 2 hours daily + Normal practice

❯ Boolean
⬩bool
❯ Number
⬩int
⬩float
⬩complex
❯ String
⬩str
❯ Bytes
⬩bytes
⬩bytearray
⬩memoryview
Read 16 tweets
Sep 4
Stanford's Courses on AI & ML (FREE):

❯ CS221 - Artificial Intelligence
❯ CS229 - Machine Learning
❯ CS230 - Deep Learning
❯ CS234 - Reinforcement Learning
❯ CS229M - ML Theory
❯ CS224U - NL Understanding
❯ CS224N - NLP with Deep Learning

All links inside:
1. CS221 - Artificial Intelligence

🖇 youtube.com/playlist?list=…Image
2. CS229 - Machine Learning

- By Andrew Ng

🖇 youtube.com/playlist?list=…Image
Read 8 tweets
Sep 1
SAVE THESE SITES FOREVER!!!

Open the thread for all 100+ links:Image
1. Web Development (HTML/CSS/JS)

❯ HTML ➟ web.dev/html
❯ HTML ➟ learn-html.org
❯ HTML ➟ developer.mozilla.org/en-US/docs/Lea…

❯ CSS ➟ web.dev/css
❯ CSS ➟ css-tricks.com/guides
❯ CSS ➟ developer.mozilla.org/en-US/docs/Lea…

❯ JavaScript ➟ web.dev/javascript
❯ JavaScript ➟ developer.mozilla.org/en-US/docs/Lea…

❯ HTML & CSS ➟ theodinproject.com/paths/full-sta…
❯ HTML & CSS ➟ scrimba.com/learn-html-and…

❯ Full Stack ➟ fullstackopen.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
Aug 16
👩‍💻 Practice 175+ Algorithms in

❍ C/C++
❍ Java
❍ Python
❍ JavaScript
Or, any language of your choice

Stay in the TOP 5% of programmers!!!
Modern Dev Team relies on coding agents for simple to complex algorithms. But context isn't shared among developers.

ByteRover acts as a central memory layer. Cipher is its open source memory layer.

Know More
byterover.dev/?source=sw2i
github.com/campfirein/cip…

Advantages
• Easily share coding memories across your team in real-time.
• Coding memories are generated automatically that scales well.
• No hard-dependency on any IDE. Easily switch between different IDEs.
• Install on any IDE with zero configurations.
➊ Arrays

➀ Creating an Array
➁ Iterate through Array
➂ Get an Element
➃ Search an Element
➄ Insert Element(s)
➅ Delete Element(s)
➆ Filter an Array
➇ Fetch a Sub-Array
➈ Merging Arrays
➉ Reverse Array
➀➀ Rotate Array
Read 20 tweets
Aug 9
Best skills to build in 2025: AI & ML

A complete step-by-step roadmap w/ all free resources: Image
1. Python

Time: 1 month

Focus on Python programming and basic data structures.

⬙ Detailed Roadmap
x.com/swapnakpanda/s…

⬗ Free Book - Think Python (O'Reilly)
allendowney.github.io/ThinkPython/

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

⬗ Free Book - Introduction to Python Programming
assets.openstax.org/oscms-prodcms/…

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

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

Time: 2nd & 3rd Month

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

⬙ Free Book
❯ 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
Aug 5
11 FREE Books from MIT for Absolute Beginners

- Machine Learning (ML)
- Deep Learning (DL)
- Reinforcement Learning (RL)
- Artificial Intelligence (AI)Image
Image
Image
Image
1. Foundations of Machine Learning

- A classic book for beginners in ML
- Total 505 Pages

🎄 cs.nyu.edu/~mohri/mlbook/Image
2. Understanding Deep Learning

- Recently Published (Mar 2025)
- Covered everything about DL
- 541 pages

🎄 udlbook.github.io/udlbook/Image
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

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!

:(