Tweet

Mahesh 👽🛸

Follow @Ali6nX404

3 Dec, 11 tweets, 3 min read

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/

3️⃣ This single website gives you a lot of amazing generators.

css3generator.com

4️⃣ This is used to easily generate a cubic-bezier for your next animation.

cubic-bezier.com

5️⃣ Another amazing generator to create basic and complex animation with the visual editor.

keyframes.app/animate/

6️⃣ This website helps to create Soft-UI CSS code.

neumorphism.io

7️⃣ This allows you to make unique SVG waves for your next project.

getwaves.io

8️⃣ CSS Gradient is a website that lets you create a gradient background for websites.

cssgradient.io

9️⃣ This single website contains a lot of CSS generators such as animation, gradient, box-shadow, etc.

webcode.tools

And that's it. I tried my best to share the best resources with you.

If you like this thread, drop a like and retweet, means a lot to me 💛

• • •

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

5 Dec

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

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

22 Oct

Cheat Sheets that always save my time during development 🚀

Thread 👇

1️ HTML cheatsheet -
htmlcheatsheet.com

2️⃣ CSS cheat sheet -

htmlcheatsheet.com/css/

Read 10 tweets

Mahesh 👽🛸

@Ali6nX404

21 Oct

Confused between boxes and box model 🙄🤔

𝘉𝘰𝘹𝘦𝘴 - 𝘉𝘰𝘹𝘦𝘴 𝘳𝘦𝘤𝘵𝘢𝘯𝘨𝘶𝘭𝘢𝘳 𝘉𝘰𝘹𝘦𝘴 𝘌𝘷𝘦𝘳𝘺𝘸𝘩𝘦𝘳𝘦 🤷‍♂️😅

Let's learn the most important concept 𝑩𝒐𝒙 𝑴𝒐𝒅𝒆𝒍 𝒊𝒏 𝑪𝑺𝑺.

Thread 👇

The first thing you need to understand is that,

Everything displayed is just a box.

Everything you see on a web page is made up of rectangles boxes.

on a website, you will see all the content is just a combination of boxes,

Arranged on top to, on next to, bottom, or nested in each other.

Header, nav, footer everything made up with boxes.

Usually, we called it HTML elements instead of rectangles boxes.

Read 21 tweets

Mahesh 👽🛸

@Ali6nX404

8 Oct

Confused About rem and em units in CSS?

Which is better to use in CSS 🙄

Let's understand both units ✨

thread🧵👇

em and rem both are known as relative units in CSS.

You've probably been using em and rem units now for a while already,

but still, you might be confused about which unit is best in which scenario.

1️⃣ What is em?

An em value is equal to the computed font size of the parent of that element.

example if font size of parent element is 20 px then 1em is equal to 20px.

Read 15 tweets

Mahesh 👽🛸

@Ali6nX404

6 Oct

Total 1k Views, 100+ reactions, and 30 comments on my first blog from various platforms. 😎😍

5 things I learned during the creation of that article.

thread🧵👇

1️⃣ Research before write:-

I chose gradient because I use gradient a lot in my CSS art creation and,

I noticed there are not many well-detailed blogs available on the internet.

So I decided to go with it 🤠

@akoskm

Key point -

1. always do research about your blog topic.

2. Nothing is 100% new but we can improve at least 1% for easy understanding of readers.

3. Don't fall into research hell.

how to avoid research hell thread by @akoskm

https://twitter.com/akoskm/status/1445332615788126209?s=20

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?