Share this page!

Maybe Scrolly?
Pratham Profile picture
Twitter logo
8 Jun, 12 tweets, 4 min read
10 great handmade CSS and JavaScript cheat sheets you won't find anywhere

πŸ§΅πŸ‘‡
1. CSS Box Model πŸ“¦
2. Types of Border Style πŸ”²
3. CSS positioning ⬛◽
4. Alignment in Wb Layout πŸ“Š
5. All types of Alignment πŸ“Š
6. JavaScript Event Loop ➰

7. JavaScript Functions βš™οΈ
8. Semantic HTML πŸ€–
9. Git Workflow 🌊
10. Arrow Functions ➑️
For more exclusive cheat sheets and notes, you can buy my $1 CSS cheat sheets eBook πŸ˜‰

gum.co/css-cheat

β€’ β€’ β€’

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

Keep Current with Pratham

Pratham 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 @Prathkum

Pratham Profile picture
10 Jun
Introduction to CSS 🎨

CSS is an amazing and unique language that servers a great purpose. We can make our website visually good using CSS. It describes the presentation of web pages, including typography, layouts, color, etc

Let's break it down πŸ§΅πŸ‘‡πŸ» Image
CSS is a stylesheet language that serves one great purpose. It makes your website visually good

Consider this amazon website with and without CSS πŸ‘‡πŸ» Image
I hope you got it why CSS is important for web development. Alright let's move onto actually discussion that how you start learning it
Read 23 tweets
Pratham Profile picture
9 Jun
6 GitHub repositories that can help you in writing better CSS code

🧡 πŸ‘‡πŸ»
1. Awesome CSS Learning

- A tiny list limited to the best CSS Learning Resources

πŸ”— github.com/micromata/awes…
2. Spin Kit

- A collection of loading indicators animated with CSS

πŸ”— github.com/tobiasahlin/Sp…
Read 7 tweets
Pratham Profile picture
7 Jun
CSS Animation and CSS Transition are two different modules of CSS but many of us get confused that when to use which one?

Let's try to explore more about them 🧡 πŸ‘‡πŸ»
Though there are some similarities in animation and transition but first let's try to find out the real difference
Transition is something that needs to be triggered. For example, changing the height when the user hover the element

On the other side, animations do not need to be triggered.
Read 10 tweets
Pratham Profile picture
7 Jun
5 great favicon websites for every web developer and designers πŸ”―

πŸ§΅πŸ‘‡πŸ»
1. Favicon

The only favicon generator you need for your next project. Quickly generate your favicon from text, image, or choose from hundreds of emojis.

πŸ”— favicon.io
2. Favicon .cs

favicon .cc is a tool to create or download favicon.ico icons, that get displayed in the address bar of every browser.

πŸ”— favicon.cc
Read 6 tweets
Pratham Profile picture
7 Jun
Web development is all about exploration. If you are learning this, explore more and learn more from these websites

🧡 πŸ‘‡πŸ»
πŸ“Œ HTML

1. Learn HTML
learn-html.org

2. HTML best practice
hail2u.github.io/html-best-prac…

3. HTML reference
htmlreference.io
πŸ“Œ CSS

1. CSS reference
cssreference.io

2. Learn to code
learn.shayhowe.com

3. CSS layout
learnlayout.com

4. CSS tutorial
csstutorial.net

5. Learn about colors
hexinvaders.com
Read 4 tweets
Pratham Profile picture
7 Jun
5 HTML features probably you haven't heard yet

πŸ§΅πŸ‘‡πŸ»
1️⃣ enterkeyhint attribute

The enterkeyhint is a global attribute defines the action for "enter" key on virtual keyboard

It accpets the following values πŸ‘‡πŸ»
2️⃣ sizes attribute

You may have heard about "size" attribute but did you know about "sizes" attribute?

The sizes attribute specifies the sizes of icons for visual media.

Check the compatibility here caniuse.com/?search=sizes
Read 7 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

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

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!

Like this author's thread?

Get emails when @Prathkum has new unrolls!

Check out other threads from @Prathkum!

Read all threads by @Prathkum

:(