Roadmap to learn CSS πŸŽ¨πŸ›£οΈ

➳ Color
➳ Background
➳ Box model
➳ Height and width
➳ Margin and padding
➳ Border
➳ Positioning
➳ display
➳ Layouts
➳ Grid and Flex
➳ Alignment
➳ Fonts
➳ Animation
➳ Pseudo-classes
➳ Media query

More from Pratham

5 amazing GitHub repositories for every self taught developer

A Thread 🧡

1️⃣ Computer Science

πŸŽ“ Path to a free self-taught education in Computer Science!

πŸ”—
https://t.co/67jB5zqIes


2️⃣ Free Certifications

Curated list of free courses & certifications

πŸ”— https://t.co/4XtlAVlovs


3️⃣ Free Programming Books

πŸ“š Freely available programming books

πŸ”— https://t.co/eOWLCtwtIV


4️⃣ JavaScript Question

A long list of (advanced) JavaScript questions, and their explanations ✨

πŸ”— https://t.co/UvEl1Esvh3
If you know CSS then you can use these amazing generators and save your time

Thread πŸ§΅πŸ‘‡πŸ»

1️⃣ CSS Box Shadow Generator

- Generate CSS3 Box Shadow code for your Div, Frame, Buttons or any other HTML element with Outline, and Inset (inner) type shadow effects

πŸ”—
https://t.co/6La36IzBLj


2️⃣ Glassmorphism

- Generate glassmorphic design easily

πŸ”— https://t.co/qrKqDV5tzY


3️⃣ Cool Backgrounds

- Explore a beautifully curated selection of cool backgrounds that you can add to your next project

πŸ”— https://t.co/df7VSaRSh9


4️⃣ Pixel art

- Create CSS pixel art, export the results to CSS and download them.

πŸ”— https://t.co/ojD8qwzuhx
I've brought you some amazing GitHub repositories of web development tips and tricks 🌟

THREADπŸ§΅πŸ”½

1️⃣ JS Tips

- A huge list of 73 great tips and tricks of JavaScript

πŸ”—
https://t.co/r0J9vW8WrH


2️⃣ CSS Protips

- A collection of tips to help take your CSS skills pro. Definitely check it out

πŸ”— https://t.co/5haB2xTWuz


3️⃣ JS Tips and Tricks

- Some advanced tips and tricks of JavaScript that can help you to take your skills onto next level

πŸ”— https://t.co/NvfoANwweV


4️⃣ Git Tips

- Git is an essential tool for very programmer. in this repo you'll find the most commonly used git tips and tricks

πŸ”— https://t.co/34qvOhYCZE

More from Webdev

6 beginner friendly websites that will boost your HTML and CSS learning process πŸš€

πŸ§΅πŸ‘‡πŸ»

1️⃣ Learn HTML

- The easiest way to learn HTML & CSS. Learn HTML provides an interactive tutorial that explains how to build HTML & CSS websites step by step.

πŸ”—
https://t.co/W1XytKL1MI


2️⃣ HTML best practice

- A very well written document on HTML best practice

πŸ”— https://t.co/6PTcY1U5Cw


3️⃣ Learn to Code HTML & CSS

- Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS

πŸ”— https://t.co/LwY9E2qUNS


4️⃣ Hex Invaders

- Hex Invaders is a fun way to learn and understand what hex codes are and how they work

πŸ”— https://t.co/EpQyhlN7pv
5 great gradient background sites for every web developer and designer 🎨

πŸ§΅πŸ‘‡πŸ»


1️⃣ uiGradients

- A handpicked collection of beautiful color gradients for designers and developers.

πŸ”—
https://t.co/EainhiePop


2️⃣ Eggradient

- Ready to use gradient background colors. βœ“ Cool Gradients are prepared according to the latest design trends

πŸ”— https://t.co/F0uYVsZbA4


3️⃣ Mesh Gradients

- Create beautiful gradient like aurora UI in few clicks

πŸ”— https://t.co/MV8PT7q3Kz


4️⃣ CSS Gradient

- Create beatiful gradeint either linear or radial on different angles

πŸ”— https://t.co/dlCExilHAT

You May Also Like