Share this page!

Maybe Scrolly?
Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
Twitter logo
7 Apr, 6 tweets, 3 min read
5 GitHub repositories that can help you writing better CSS code
πŸ“Œ Awesome CSS Learning

- A tiny list limited to the best CSS Learning Resources

πŸ”— github.com/micromata/awes…
πŸ“Œ Magic of CSS

- A CSS course to turn you into a magician

πŸ”— github.com/adamschwartz/m…
πŸ“Œ Spin Kit

- A collection of loading indicators animated with CSS

πŸ”— github.com/tobiasahlin/Sp…
πŸ“Œ Hover

- A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on

πŸ”— github.com/IanLunn/Hover
πŸ“Œ Awesome CSS

- A curated contents of amazing CSS

πŸ”— github.com/awesome-css-gr…

β€’ β€’ β€’

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
9 Apr
These 9 websites will help you improve your JavaScript knowledge

πŸ§΅πŸ‘‡πŸ»
1️⃣ JavaScript visualizer

- A great visualizer for JavaScript code

πŸ”— jsv9000.app
2️⃣ JavaScript Tutorial

- This JavaScript Tutorial helps you learn JavaScript programming language from scratch quickly and effectively.

πŸ”— javascripttutorial.net Image
Read 11 tweets
Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
8 Apr
These 30 free CSS generators can help you immensely and save you a lot of time

Mega Thread 🧡
1️⃣ Animation Generator

- Dead simple visual tools to help you generate CSS for your projects.

πŸ”— keyframes.app
2️⃣ Palette Ninja

- Palette ninja is an online color scheme generator that allows you to create harmonious color schemes in seconds.

πŸ”— palette.ninja Image
Read 31 tweets
Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
8 Apr
I compiled 22 cheat sheets in a single PDF. If you are interested, you can download it for absolutely free

πŸ”— github.com/PrathamKumar14… Image
Table of content

1. Grid cheat sheet
2. Two axes of Flexbox
3. Alignment in layouts
4. Alignment in layouts (older version)
5. Grid overview
6. Flex cheat sheet
7. Display
8. Positioning in CSS
9. CSS selectors
10. animation-timing-function
11. CSS Box-model
12. Z-index
13. Semantic elements
14. Border-style
15. CSS pseudo classes
16. DOM addEventListener method
17. JavaScript Array methods
18. Arrow function
19. DOM
20. Functions
21. Tailwind Flex classes
22. Git workflow
Read 4 tweets
Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
8 Apr
5 HTML features probably you haven't heard yet

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

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

It accpets the following values πŸ‘‡πŸ» Image
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 Image
Read 8 tweets
Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
7 Apr
Everything you need to know about CSS Flex layout

A Thread🧡 Image
Start appyling display: flex; property to parent element
This will take the all the elements in horizontal direction

{ 2 / 16 } ImageImage
You can also change the direction of elements. For doing so, you need to mention the "flex-direction" property

The flex-direction property specifies the direction of the items within the flex container

{ 3 / 16 } Image
Read 16 tweets
Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
6 Apr
Are you planning to learn React? If yes, these 35 tweets can make the process easier for youπŸ‘‡πŸ»

Long Thread🧡
If you just started or planning to getting started with React, this thread might help you.

In this thread I'll try to give you a quick overview to the world of React.

So if you find that sound interesting, give this thread a readπŸ˜‰

{ 2 / 35 }
Before you go further into the React, make sure to check these things

βœ… Basic knowledge of HTML and CSS
βœ… JavaScript fundamentals and ES6 features

I would like to suggest you build a decent hold on JavaScript concepts because that is the backbone of React

{ 3 / 35 }
Read 36 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