If you liked this one, give a ⭐️ to this GitHub repo to support my work.
✧ Direct Link:
https://t.co/4tm0id59LH
🌆 60+ CSS Shorthand Properties: Cheat Sheet
If you liked this one, give a ⭐️ to this GitHub repo to support my work.
✧ Direct Link:
https://t.co/4tm0id59LH
Here are those.
➀ all
➁ background
➂ background-position
➃ font
➄ text-align
➅ text-decoration
➆ text-emphasis
➇ list-style
➈ offset
➉ overflow
➀➁ inset-block
➀➂ inset-inline
➀➃ margin
➀➄ margin-block
➀➅ margin-inline
➀➆ padding
➀➇ padding-block
➀➈ padding-inline
20. overscroll-behavior
➁➀ scroll-margin
➁➁ scroll-padding
➁➃ 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-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
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.
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
Beginner's Roadmap for HTML & CSS
— Swapna Kumar Panda \uea00 (@swapnakpanda) April 18, 2022
\u21e9
➋ 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
\U0001f6e3 Roadmap for JavaScript Absolute Beginners
— Swapna Kumar Panda \uea00 (@swapnakpanda) March 29, 2022
\u21e9
➌ 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 -
**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.
👨💻 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.
Tools you will regret not knowing as a coder (trust me)\U0001f9f5 \u2193
— Saumya Singh (@saumya1singh) November 7, 2022
You May Also Like
H was always unseen in S2NL :)
Those who exited at 1500 needed money. They can always come back near 969. Those who exited at 230 also needed money. They can come back near 95.
Those who sold L @ 660 can always come back at 360. Those who sold S last week can be back @ 301
Those who exited at 1500 needed money. They can always come back near 969. Those who exited at 230 also needed money. They can come back near 95.
Those who sold L @ 660 can always come back at 360. Those who sold S last week can be back @ 301
Sir, Log yahan.. 13 days patience nhi rakh sakte aur aap 2013 ki baat kar rahe ho. Even Aap Ready made portfolio banakar bhi de do to bhi wo 1 month me hi EXIT kar denge \U0001f602
— BhavinKhengarSuratGujarat (@IntradayWithBRK) September 19, 2021
Neuland 2700 se 1500 & Sequent 330 to 230 kya huwa.. 99% retailers/investors twitter par charcha n EXIT\U0001f602
#ஆதித்தியஹ்ருதயம் ஸ்தோத்திரம்
இது சூரிய குலத்தில் உதித்த இராமபிரானுக்கு தமிழ் முனிவர் அகத்தியர் உபதேசித்ததாக வால்மீகி இராமாயணத்தில் வருகிறது. ஆதித்ய ஹ்ருதயத்தைத் தினமும் ஓதினால் பெரும் பயன் பெறலாம் என மகான்களும் ஞானிகளும் காலம் காலமாகக் கூறி வருகின்றனர். ராம-ராவண யுத்தத்தை
தேவர்களுடன் சேர்ந்து பார்க்க வந்திருந்த அகத்தியர், அப்போது போரினால் களைத்து, கவலையுடன் காணப்பட்ட ராமபிரானை அணுகி, மனிதர்களிலேயே சிறந்தவனான ராமா போரில் எந்த மந்திரத்தைப் பாராயணம் செய்தால் எல்லா பகைவர்களையும் வெல்ல முடியுமோ அந்த ரகசிய மந்திரத்தை, வேதத்தில் சொல்லப்பட்டுள்ளதை உனக்கு
நான் உபதேசிக்கிறேன், கேள் என்று கூறி உபதேசித்தார். முதல் இரு சுலோகங்கள் சூழ்நிலையை விவரிக்கின்றன. மூன்றாவது சுலோகம் அகத்தியர் இராமபிரானை விளித்துக் கூறுவதாக அமைந்திருக்கிறது. நான்காவது சுலோகம் முதல் முப்பதாம் சுலோகம் வரை ஆதித்ய ஹ்ருதயம் என்னும் நூல். முப்பத்தி ஒன்றாம் சுலோகம்
இந்தத் துதியால் மகிழ்ந்த சூரியன் இராமனை வாழ்த்துவதைக் கூறுவதாக அமைந்திருக்கிறது.
ஐந்தாவது ஸ்லோகம்:
ஸர்வ மங்கள் மாங்கல்யம் ஸர்வ பாப ப்ரநாசனம்
சிந்தா சோக ப்ரசமனம் ஆயுர் வர்த்தனம் உத்தமம்
பொருள்: இந்த அதித்ய ஹ்ருதயம் என்ற துதி மங்களங்களில் சிறந்தது, பாவங்களையும் கவலைகளையும்
குழப்பங்களையும் நீக்குவது, வாழ்நாளை நீட்டிப்பது, மிகவும் சிறந்தது. இதயத்தில் வசிக்கும் பகவானுடைய அனுக்ரகத்தை அளிப்பதாகும்.
முழு ஸ்லோக லிங்க் பொருளுடன் இங்கே உள்ளது https://t.co/Q3qm1TfPmk
சூரியன் உலக இயக்கத்திற்கு மிக முக்கியமானவர். சூரிய சக்தியால்தான் ஜீவராசிகள், பயிர்கள்
இது சூரிய குலத்தில் உதித்த இராமபிரானுக்கு தமிழ் முனிவர் அகத்தியர் உபதேசித்ததாக வால்மீகி இராமாயணத்தில் வருகிறது. ஆதித்ய ஹ்ருதயத்தைத் தினமும் ஓதினால் பெரும் பயன் பெறலாம் என மகான்களும் ஞானிகளும் காலம் காலமாகக் கூறி வருகின்றனர். ராம-ராவண யுத்தத்தை
தேவர்களுடன் சேர்ந்து பார்க்க வந்திருந்த அகத்தியர், அப்போது போரினால் களைத்து, கவலையுடன் காணப்பட்ட ராமபிரானை அணுகி, மனிதர்களிலேயே சிறந்தவனான ராமா போரில் எந்த மந்திரத்தைப் பாராயணம் செய்தால் எல்லா பகைவர்களையும் வெல்ல முடியுமோ அந்த ரகசிய மந்திரத்தை, வேதத்தில் சொல்லப்பட்டுள்ளதை உனக்கு
நான் உபதேசிக்கிறேன், கேள் என்று கூறி உபதேசித்தார். முதல் இரு சுலோகங்கள் சூழ்நிலையை விவரிக்கின்றன. மூன்றாவது சுலோகம் அகத்தியர் இராமபிரானை விளித்துக் கூறுவதாக அமைந்திருக்கிறது. நான்காவது சுலோகம் முதல் முப்பதாம் சுலோகம் வரை ஆதித்ய ஹ்ருதயம் என்னும் நூல். முப்பத்தி ஒன்றாம் சுலோகம்
இந்தத் துதியால் மகிழ்ந்த சூரியன் இராமனை வாழ்த்துவதைக் கூறுவதாக அமைந்திருக்கிறது.
ஐந்தாவது ஸ்லோகம்:
ஸர்வ மங்கள் மாங்கல்யம் ஸர்வ பாப ப்ரநாசனம்
சிந்தா சோக ப்ரசமனம் ஆயுர் வர்த்தனம் உத்தமம்
பொருள்: இந்த அதித்ய ஹ்ருதயம் என்ற துதி மங்களங்களில் சிறந்தது, பாவங்களையும் கவலைகளையும்
குழப்பங்களையும் நீக்குவது, வாழ்நாளை நீட்டிப்பது, மிகவும் சிறந்தது. இதயத்தில் வசிக்கும் பகவானுடைய அனுக்ரகத்தை அளிப்பதாகும்.
முழு ஸ்லோக லிங்க் பொருளுடன் இங்கே உள்ளது https://t.co/Q3qm1TfPmk
சூரியன் உலக இயக்கத்திற்கு மிக முக்கியமானவர். சூரிய சக்தியால்தான் ஜீவராசிகள், பயிர்கள்
