๐ŸŒ† 60+ CSS Shorthand Properties: Cheat Sheet

๐Ÿ’Ž Direct Link for High-Resolution Image

If you liked this one, give a โญ๏ธ to this GitHub repo to support my work.

โœง Direct Link:
https://t.co/4tm0id59LH
What did we cover?

Here are those.

โž€ all
โž background
โž‚ background-position
โžƒ font
โž„ text-align
โž… text-decoration
โž† text-emphasis
โž‡ list-style
โžˆ offset
โž‰ overflow
โž€โž€ inset
โž€โž inset-block
โž€โž‚ inset-inline
โž€โžƒ margin
โž€โž„ margin-block
โž€โž… margin-inline
โž€โž† padding
โž€โž‡ padding-block
โž€โžˆ padding-inline
20. overscroll-behavior
โžโž€ scroll-margin
โžโž scroll-padding
โžโž‚ border
โžโžƒ border-top
โžโž„ border-right
โžโž… border-bottom
โžโž† border-left
โžโž‡ border-block
โžโžˆ border-block-start
30. border-block-end
โž‚โž€ border-inline
โž‚โž border-inline-start
โž‚โž‚ border-inline-end
โž‚โžƒ border-color
โž‚โž„ border-block-color
โž‚โž… border-inline-color
โž‚โž† border-style
โž‚โž‡ border-block-style
โž‚โžˆ border-inline-style
40. border-width
โžƒโž€ border-block-width
โžƒโž border-inline-width
โžƒโž‚ border-radius
โžƒโžƒ border-image
โžƒโž„ outline
โžƒโž… block-step
โžƒโž† mask
โžƒโž‡ animation
โžƒโžˆ transition
50. pause
โž„โž€ columns
โž„โž columns-rule
โž„โž‚ flex
โž„โžƒ flex-flow
โž„โž„ place-content
โž„โž… place-items
โž„โž† place-self
โž„โž‡ grid
โž„โžˆ grid-area
60. grid-column
โž…โž€ grid-row
โž…โž grid-template
โž…โž‚ gap
Hey ๐Ÿ‘‹

I am a Tech Writer, Educator, and Mentor from India ๐Ÿ‡ฎ๐Ÿ‡ณ, here sharing

โœ… Tutorials
โœ… Tricks
โœ… Career Tips
โœ… Cheat Sheets
โœ… Practice Questions
โœ… Project Ideas
on
โž  Web Development
โž  Data Structures and Algorithms
โž  Databases

Thanks for reading. ๐Ÿ™

More from Swapna Kumar Panda

๐Ÿ›ฃ Beginner's Roadmap for Front-End

HTML & CSS โ†’ ๐Ÿ‘ฉโ€๐Ÿ’ป โ†’ JavaScript โ†’ ๐Ÿ‘ฉโ€๐Ÿ’ป
โ†“
๐Ÿ‘ฉโ€๐Ÿ’ป โ† React* โ† ๐Ÿ‘ฉโ€๐Ÿ’ป โ† Tailwind*
โ†“
TypeScript โ†’ ๐Ÿ‘ฉโ€๐Ÿ’ป โ†’ Next.js* โ†’ ๐Ÿ‘ฉโ€๐Ÿ’ป โ†’ ๐Ÿ

โ‡ฉ

What would we cover?

โžŠ HTML & CSS
โž‹ JavaScript
โžŒ CSS Frameworks
โž UI Frameworks
โžŽ TypeScript
โž Server-side Frameworks
โž Practice, Practice and, Practice
โž‘ Other Skills
โž’ Frequently Asked Questions

โžŠ HTML & CSS

โฌ˜ Your Front-End journey shall always start from HTML & CSS and, ends with these as well.

โฌ— Don't over burden yourself to learn everything at once. It's a continuous subject.

โฌ™ Do not separate HTML from CSS. That's


โž‹ JavaScript

JavaScript is essential. You should start with basics and move to complex subjects.

โ JavaScript Syntaxes
(preferably ES6 onwards)
โ HTML DOM API
โ Event Handling
โ Fetch


โžŒ CSS Frameworks

CSS Framework is necessary if you are planning to be a professional developer.

There are so many options available.

โ Tailwind CSS
โ Bootstrap
โ Chakra
โ Bulma
โ Foundation
โ Skeleton
โ Pure CSS

Start with anything. You can switch any time.

More from Catagory jee

A thread ๐Ÿงตon Resources-for-preparation-Of-Placements Part -2 (Lecture video links)

**Designing**

- SYSTEM DESIGN

- Gaurav Sen - (
https://t.co/rzNpoBlK3q)

- SudoCode -

- LOW LEVEL DESIGN

- Soumyajit bhattacharya - (https://t.co/PCc8ZQAL8i)

- Sandeep Kaul - (https://t.co/ZH9Jq9Ei3p)

- Crack the System DesigN Interview - (https://t.co/8rhrPZZm1F)

- System Design Interview โ€” Alex Xu -

- Designing Data Intensive Applications - (https://t.co/OhkTqqCQPx)

- System Design Interview - (https://t.co/7QvMtVRGvf)

- System Design - (https://t.co/ytpm3oy0tL)

- Services Engineering - (https://t.co/JPxM5YntWz)

- Engineering Blogs -

**Git and Github**

- Git and GitHub for Poets - (https://t.co/DsXVNVtENy)

**Projects**

- WEB DEVELOPMENT - (https://t.co/w1cEHZFRQz)

- DATA SCIENCE - (https://t.co/SJfFP4U0z0)

- MACHINE LEARNING -
Tools you will regret not knowing as a coder (trust me)๐Ÿงต โ†“

๐Ÿ‘จโ€๐Ÿ’ป Icons:
https://t.co/v0dkE7xnM3
๐Ÿ“ Resume: https://t.co/nOBrCRzGYd
๐ŸŽจ Illustrations, vector images: https://t.co/MSDgzqyndc
๐Ÿฅ 3D icons: https://t.co/skKrqgJMdy
๐Ÿ—ƒ๏ธ Create visual guides: https://t.co/pUmq0rXTrA
โž— Learn sorting visually:

๐Ÿ“š Learn Anything: https://t.co/m76TvGCi3y
๐ŸŽ  Create bg with text: https://t.co/iFSixERygy
๐Ÿฅ Source code to picture: https://t.co/azc3n5mlh5
๐ŸŽฅ Photo engine: https://t.co/4FusgEFSd4
๐Ÿ‘จโ€๐Ÿ’ป Handy Dev tools: https://t.co/H8HeFi5n3E
๐ŸŽจ High-class illustrations:

Thanks for checking this out.

Follow @saumya1singh for more such threads. I generally write about tech, mobile app development, open-source, paid opportunities in tech, job updates & my journey! โœจ

If you loved this, like and retweet the first tweet to help others.

You May Also Like

This is NONSENSE. The people who take photos with their books on instagram are known to be voracious readers who graciously take time to review books and recommend them to their followers. Part of their medium is to take elaborate, beautiful photos of books. Die mad, Guardian.


THEY DO READ THEM, YOU JUDGY, RACOON-PICKED TRASH BIN


If you come for Bookstagram, i will fight you.

In appreciation, here are some of my favourite bookstagrams of my books: (photos by lit_nerd37, mybookacademy, bookswrotemystory, and scorpio_books)