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
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
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
๐งต๐๐ป
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
Six tools that will change the way your write code: ๐งต
1๏ธโฃ HarperDB
Deciding between SQL and NoSQL? Use HarperDB as it provides you the functionality of both.
Access data using API endpoint.
๐ https://t.co/qf5CalexfA
2๏ธโฃ Visual Go
Visualizing data structures and algorithms
๐ https://t.co/b8YeMYdOaf
3๏ธโฃ Extends Class
Syntax validators, code formatter, testers, HTTP clients, mock server, and much more.
๐ https://t.co/GlKjoBnzqg
4๏ธโฃ Codeshare
Share Code in Real-time with Developers. An online editor for teaching and interviewing.
๐ https://t.co/2m1Ne3KJRK
1๏ธโฃ HarperDB
Deciding between SQL and NoSQL? Use HarperDB as it provides you the functionality of both.
Access data using API endpoint.
๐ https://t.co/qf5CalexfA
2๏ธโฃ Visual Go
Visualizing data structures and algorithms
๐ https://t.co/b8YeMYdOaf
3๏ธโฃ Extends Class
Syntax validators, code formatter, testers, HTTP clients, mock server, and much more.
๐ https://t.co/GlKjoBnzqg
4๏ธโฃ Codeshare
Share Code in Real-time with Developers. An online editor for teaching and interviewing.
๐ https://t.co/2m1Ne3KJRK
More from Webdev
Are you a web developer?
Here's a list of websites that offer free & beautiful website templates:
๐งต๐๐ป
1. HTML5UP: Very modern, unique responsive HTML5/CSS3 themes
https://t.co/Nx1IWM7Kho
2. Templatemo: Minimal, resume, gallery themes and more
https://t.co/IRtOxrujUh
3. Templated .co: Tons of minimalistic HTML5/CSS3
4. FreeHTML5: Free & premium HTML5 and Bootstrap themes
https://t.co/YFVkiDM3Th
5. StyleShout: Brilliantly crafted free website templates
https://t.co/AaGAkGlLTV
6. Start Bootstrap: Bootstrap starter
7. Zerotheme: HTML5, Bootstrap, Prestashop templates
https://t.co/UtlaNxGh6Q
8. HTML5xCSS3: Collection of wonderful templates in different categories
https://t.co/fm4AOthUdR
9. Colorlib: Almost any category of theme you can think
10: Free CSS: Huge collection of free templates
https://t.co/S5yQrkp1eq
11. Hubspot: Templates, infographics, banners and much more
https://t.co/T10zTgkIzp
12. Mobirise: Great looking HTML5/CSS3
Here's a list of websites that offer free & beautiful website templates:
๐งต๐๐ป
1. HTML5UP: Very modern, unique responsive HTML5/CSS3 themes
https://t.co/Nx1IWM7Kho
2. Templatemo: Minimal, resume, gallery themes and more
https://t.co/IRtOxrujUh
3. Templated .co: Tons of minimalistic HTML5/CSS3
4. FreeHTML5: Free & premium HTML5 and Bootstrap themes
https://t.co/YFVkiDM3Th
5. StyleShout: Brilliantly crafted free website templates
https://t.co/AaGAkGlLTV
6. Start Bootstrap: Bootstrap starter
7. Zerotheme: HTML5, Bootstrap, Prestashop templates
https://t.co/UtlaNxGh6Q
8. HTML5xCSS3: Collection of wonderful templates in different categories
https://t.co/fm4AOthUdR
9. Colorlib: Almost any category of theme you can think
10: Free CSS: Huge collection of free templates
https://t.co/S5yQrkp1eq
11. Hubspot: Templates, infographics, banners and much more
https://t.co/T10zTgkIzp
12. Mobirise: Great looking HTML5/CSS3
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
๐งต๐๐ป
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
๐ฟ๐ป๐๐ ๐๐๐๐๐ ๐๐ ๐ ๐บ๐๐๐ : ๐ซ๐๐๐๐๐ & ๐ฝ๐๐๐๐๐
Once upon a time there was a Raja named Uttฤnapฤda born of Svayambhuva Manu,1st man on earth.He had 2 beautiful wives - Suniti & Suruchi & two sons were born of them Dhruva & Uttama respectively.
#talesofkrishna https://t.co/E85MTPkF9W
Now Suniti was the daughter of a tribal chief while Suruchi was the daughter of a rich king. Hence Suruchi was always favored the most by Raja while Suniti was ignored. But while Suniti was gentle & kind hearted by nature Suruchi was venomous inside.
#KrishnaLeela
The story is of a time when ideally the eldest son of the king becomes the heir to the throne. Hence the sinhasan of the Raja belonged to Dhruva.This is why Suruchi who was the 2nd wife nourished poison in her heart for Dhruva as she knew her son will never get the throne.
One day when Dhruva was just 5 years old he went on to sit on his father's lap. Suruchi, the jealous queen, got enraged and shoved him away from Raja as she never wanted Raja to shower Dhruva with his fatherly affection.
Dhruva protested questioning his step mother "why can't i sit on my own father's lap?" A furious Suruchi berated him saying "only God can allow him that privilege. Go ask him"
Once upon a time there was a Raja named Uttฤnapฤda born of Svayambhuva Manu,1st man on earth.He had 2 beautiful wives - Suniti & Suruchi & two sons were born of them Dhruva & Uttama respectively.
#talesofkrishna https://t.co/E85MTPkF9W
Prabhu says i reside in the heart of my bhakt.
— Right Singh (@rightwingchora) December 21, 2020
Guess the event. pic.twitter.com/yFUmbfe5KL
Now Suniti was the daughter of a tribal chief while Suruchi was the daughter of a rich king. Hence Suruchi was always favored the most by Raja while Suniti was ignored. But while Suniti was gentle & kind hearted by nature Suruchi was venomous inside.
#KrishnaLeela
The story is of a time when ideally the eldest son of the king becomes the heir to the throne. Hence the sinhasan of the Raja belonged to Dhruva.This is why Suruchi who was the 2nd wife nourished poison in her heart for Dhruva as she knew her son will never get the throne.
One day when Dhruva was just 5 years old he went on to sit on his father's lap. Suruchi, the jealous queen, got enraged and shoved him away from Raja as she never wanted Raja to shower Dhruva with his fatherly affection.
Dhruva protested questioning his step mother "why can't i sit on my own father's lap?" A furious Suruchi berated him saying "only God can allow him that privilege. Go ask him"