Swapna Kumar Panda ๎จ€ Profile picture
Mar 6 โ€ข 4 tweets โ€ข 1 min read
๐Ÿ“ฆ CSS Cheat Sheet : Box Model

โ Properties
โ Values

โœง Link to High Resolution image in the next tweet We will describe about 33 CSS Properties as part of CSS Box
๐Ÿ™ High Resolution Image

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

โฌ“ Direct Link:
github.com/swapnakpanda/Iโ€ฆ
๐Ÿšฅ Disclaimer

โฌ” I have compiled these information with all sincerity. But in case you find any omissions or, wrong representations, ๐Ÿ’ฌ me.

โฌ• I purposely omitted "border-radius" properties from this list. I don't consider those in Box Model. What is your opinion on this?
Are you interested in such cheatsheets? I am regularly sharing cheatsheets for Web Development (HTML, CSS, JavaScript, React), Data Structures, SQL and NoSQL.

To never miss any, Follow me โœ…

โ€ข โ€ข โ€ข

Missing some Tweet in this thread? You can try to force a refresh
ใ€€

Keep Current with Swapna Kumar Panda ๎จ€

Swapna Kumar Panda ๎จ€ Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @swapnakpanda

Mar 7
10 HTML Tags and Attributes for SEO

โ‡ฉ
๐Ÿ“‹ Table of Contents

We will discuss about

โžŠ <title>
โž‹ <meta name = "description" >
โžŒ <h1> to <h6>
โž <img alt="...">
โžŽ <a rel="nofollow">
โž <meta name = "robots" >
โž <link rel = "canonical" >
โž‘ <meta name = "viewport" >
โž’ Open Graph Tags
โž“ Twitter Card Tags
๐Ÿ” Introduction

โ‘ When search engines crawl a website, it goes through all the HTML documents.

โ’ Various HTML tags and, attributes help search engine to determine what your content is about and, how to categorise it.

โ‘ So all these may affect how your website performs.
Read 16 tweets
Mar 5
JavaScript Interview Questions

โ‡ฉ
Series: โžŒ
Level: Beginner
Topics:

โžŠ Functions - Basics
โž‹ Function Scope
โžŒ Function Arguments
โž Anonymous Functions
โžŽ Higher Order Function & Callbacks
โž Closure
โž IIFE
โž‘ Arrow Functions
๐Ÿšฅ Disclaimer

โฌ– The questions covered here are mostly conceptual.
โฌ˜ I never claim only these type of questions are/should be asked during interviews.
โฌ— For interviews, you should have fundamentals strong. And you should be able to provide solutions to practical problems.
Read 17 tweets
Mar 4
50+ CSS Problems for Practice

โ‡ฉ
Series: โžŠ
Level of Difficulty: Easy to Medium

Topics:
โžŠ CSS Selectors
โž‹ Background
โžŒ Border
โž Margin
โžŽ Padding
โž Outline
โž Text
โž‘ Position
โž’ Overflow
โž“ Height/Width
๐Ÿ’ญ Intention behind this Practice Series

โฌ˜ I believe anyone can strengthen his skills in HTML and CSS only by practicing.

โฌ— In CSS, there are so many properties and values. It's impossible to memorize everything.

โฌ™ By practicing a lot, you can definitely master it.
Read 19 tweets
Mar 3
5 "Must-Know" Date Input Types in HTML

โ‡ฉ
There are 5 input types which allow user to enter/pick date, time, week, month, year etc.

โžŠ datetime-local
โž‹ date
โžŒ time
โž week
โžŽ month
โžŠ datetime-local

โฌ’ Use this input type if requirement is to pick both "date" and "time" (independent of any timezone).

โฌ“ We can use 2 other attributes to define the limit restrictions and step values.

โ min
โ max
โ step <input type="datetime-local" >
Read 9 tweets
Mar 2
๐Ÿ‘ฉโ€๐Ÿ’ป HTML & CSS Topics

Learn these
โ if you are into Web Development
โ before starting JavaScript

โ‡ฉ
โ€ Back-End Developer

โ‘ You want to learn JavaScript for Node.js environment, you can directly start.

โ’ It's not mandatory to have any prior knowledge of HTML & CSS.
โ€ Front-End Developer

โœ” You can learn basic JavaScript syntaxes even without knowing HTML & CSS.

โœ˜ But you need to switch to HTML & CSS after a point. Then again switch back to JavaScript.

โœ” So, I recommend learn HTML & CSS (basics) first and, then jump to JavaScript.
Read 12 tweets
Mar 1
When someone asks me, "How do you grow to 18K from 18 in just 180 days"

I reply: By following these 18 lessons.

๐Ÿงต ๐Ÿ‘‡
๐Ÿšฅ Disclaimer

โฌ’ I am not a Growth Expert. Views expressed here are my personal views.

โฌ” I don't remember how many followers I had 180 days back.

โฌ“ None of my tweets are against anyone, any community or, any race. But if you feel attacked, I am really sorry. ๐Ÿ™
Lesson โžŠ

Be unique. Have your own style.
Read 21 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(