A compiled tweet of the CSS cheats sheet I created in the last few days

๐Ÿงต๐Ÿ‘‡

Border-radius
Flexbox
Relative and absolute positioning
Grid Layout
CSS box model
Alignment in flexbox
More amazing content is coming
stay around๐Ÿ˜‰โค๏ธ

More from Pratham ๐Ÿ‘จโ€๐Ÿ’ป๐Ÿš€

You can learn 90% of CSS using these 10 threads

๐Ÿงต๐Ÿ‘‡

1. All you need to know about CSS


2. Getting started with CSS animations


3. Z-index is tricky but this thread solve all your doubts


4. CSS positioning concepts
5 great background websites for every web developer and designer

๐Ÿงต๐Ÿ‘‡


1. Magic pattern

Beautiful pure CSS background patterns that you can actually use in your projects. They are highly customizable as well.

๐Ÿ–‡๏ธ
https://t.co/ZqczrPfkdZ


2. Cool backgrounds

Collection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpapers

๐Ÿ–‡๏ธ https://t.co/df7VSb9t8H


3. Gradienta

Use pure CSS gradient backgrounds for your next website or app, as a JPG image or CSS code, no attribute required

๐Ÿ–‡๏ธ https://t.co/R58zrwpZCH


4 Mesh gradient

Creat aurora UI like gradients using few simple clicks

๐Ÿ–‡๏ธ https://t.co/vOHHDASr1V
If you start with the right course then the process becomes a little easier

I found some amazing YouTube videos and courses that will help you start your Web Development journey

๐Ÿงต๐Ÿ‘‡๐Ÿป

HTML and CSS

- A great way to arouse your web dev journey with Gary's (@designcoursecom) course on YouTube

๐Ÿ”—
https://t.co/xjm7nfV2L2


JavaScript

- Although it's impossible to learn JavaScript in 2 hours but JavaScript mastery is one the best YouTube chanel for JavaScript. This 2 hours long crash course will help you start your journey and gives you quick overview.

๐Ÿ”— https://t.co/1zcSeu4zKE


Git and GitHub

Git is an essential tool. And after learning JavaScript, I think one should go for Git and GitHub. Check out this free great course on Udemy

๐Ÿ”— https://t.co/E14cibOLXb


React

What you'll learn
- what problems React can solve
- how React solves those problems under the hood
- what JSX is and how it translates to regular JavaScript function calls and objects
- manage state with hooks
- build forms

๐Ÿ”— https://t.co/3z22aeVQFc
5 great code snippet websites for every web developer and designer

๐Ÿงต๐Ÿ‘‡๐Ÿป


1๏ธโƒฃ 30 Seconds of Code

- Short code snippets for all your development needs

๐Ÿ”—
https://t.co/91L4bAxkgF


2๏ธโƒฃ Free Frontend

- Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles

๐Ÿ”— https://t.co/2sIAm73EdZ


3๏ธโƒฃ Little Snippets

- A free collection of HTML and CSS code snippets

๐Ÿ”— https://t.co/qxAyA2wA6U


4๏ธโƒฃ CSS Deck

- Collection of Awesome CSS and JS Creations to help out frontend developers and designers.

๐Ÿ”— https://t.co/LcZYnipvCy

You May Also Like