Tweet

Mahesh 👽🛸

9 Jan, 7 tweets, 2 min read

If you don't know "How CSS Works",

because of this sometimes it feels like Black Magic 🪄

That's why I'm constantly creating content to simplify complex CSS topics. 🤞

Here is my top creation of 2022 👇🧵

https://twitter.com/Ali6nX404/status/1479792520687063041

1️⃣ Positioning in CSS

https://twitter.com/Ali6nX404/status/1479792520687063041

https://twitter.com/Ali6nX404/status/1478752915850346497

2️⃣ min/max width and height

https://twitter.com/Ali6nX404/status/1478752915850346497

https://twitter.com/Ali6nX404/status/1478390534297341972

3️⃣ How display property works in CSS

https://twitter.com/Ali6nX404/status/1478390534297341972

https://twitter.com/Ali6nX404/status/1478028143378284547

4️⃣ how to control overflowing in CSS

https://twitter.com/Ali6nX404/status/1478028143378284547

These are just samples so be ready for the blast of CSS content 😉❤

@Ali6nX404

Thanks for stopping and checking these resources,

I'm sure it's going to help you at some point in time.

✅ Follow @Ali6nX404 for more such content.

• • •

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

This Thread may be Removed Anytime!

Twitter may remove this content at anytime! Save it as PDF for later use!

More from @Ali6nX404

Mahesh 👽🛸

@Ali6nX404

8 Jan

How Positioning works in CSS 🧐

◼ static
◼ relative
◼ absolute
◼ fixed
◼ sticky

Thread 🧵

Positioning is one of the core concepts of CSS.

It isn’t as easy as it seems.

I think you must have encountered certain things like navbar or sidebar.

We scroll the webpage but they don't move from their position.

📌 What is Positioning?

Positioning in CSS means, to set the position of an element in the webpage.

The property used in positioning is CSS position.

Read 16 tweets

Mahesh 👽🛸

@Ali6nX404

8 Dec 21

𝘾𝙎𝙎 𝙎𝙚𝙡𝙚𝙘𝙩𝙤𝙧𝙨 𝙂𝙪𝙞𝙙𝙚 ✅💙

✔ Universal Selector
✔ Class selector
✔ Type selector
✔ ID selector
✔ Attribute selector

Many More...

𝐓𝐡𝐫𝐞𝐚𝐝 🧵

𝙃𝙚𝙡𝙡𝙤 𝙗𝙚𝙖𝙪𝙩𝙞𝙛𝙪𝙡 𝙃𝙪𝙢𝙖𝙣𝙨 👋

In this thread, we are going to cover basic CSS selectors with code examples.

Let's start 🚀

📌 What is CSS Selector?

CSS selector actually selects the content you want to style.

CSS provides different kinds of selectors to do this.

Read 16 tweets

Mahesh 👽🛸

@Ali6nX404

5 Dec 21

I wasted 2 months in tutorial hell😖😫

But WTF is Tutorial Hell? 🤷‍♀️

How to escape it?🙄

Thread 🧵👇

As I started learning to code, I was stuck in tutorial hell. It felt like, I am learning a lot of the stuff.

I have mastered CSS and JS.

After Creating a lot of projects while watching tutorials.

One day I decided to create a project of my own.

Read 21 tweets

Mahesh 👽🛸

@Ali6nX404

4 Dec 21

When you read CSS code and find some weird code like :

-webkit-,
-moz-,
-o-,
-ms-

Let's understand about them⚡👇

What we're going to cover:-

◼ What is the vendor prefix.
◼ Prefixes used by major browsers
◼ Why we Use?
◼ property supported by browsers or not
◼ How we can use vendor prefixes?
◼ automate the vendor prefix writing

📌 What is the vendor prefix?

CSS properties starting with -webkit-, -moz-, -ms- or -o- are called vendor prefixes.

These are the vendor-prefixed offered by the relevant rendering engines.

Read 13 tweets

Mahesh 👽🛸

@Ali6nX404

3 Dec 21

Level up your CSS With These Generators and tools✨

thread🧵👇

1️⃣ This is the best generator to design your next project grid layout visually.

Copy the CSS code directly.
grid.layoutit.com

2️⃣ This Generator allows you to create complex shapes easily.

bennettfeely.com/clippy/

Read 11 tweets

Mahesh 👽🛸

@Ali6nX404

2 Dec 21

CSS resources that always save my life 😅🚀

Thread 👇

This thread is just a collection of resources that I use in my day-to-day work.

👇😉

1️⃣ CSS Tricks -

CSS tricks provide so much value through articles

And whenever I need to read about something deeply I prefer CSS tricks articles.

css-tricks.com

Read 10 tweets

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

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Share this page!

Mahesh 👽🛸

Try unrolling a thread yourself!

More from @Ali6nX404

Mahesh 👽🛸

Mahesh 👽🛸

Mahesh 👽🛸

Mahesh 👽🛸

Mahesh 👽🛸

Mahesh 👽🛸

Did Thread Reader help you today?

Like this author's thread?