Tweet

Maybe Scrolly?

Pratham

Follow @Prathkum

9 Jun, 7 tweets, 3 min read

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…

3. 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

4. Magic of CSS

- A CSS course to turn you into a magician

🔗 github.com/adamschwartz/m…

5. Awesome CSS

- A curated contents of amazing CSS

🔗 github.com/awesome-css-gr…

6. CSS Pro Tip

- As the repo name suggests, In this repo you'll find a lot of tips and tricks that can help you to become a CSS pro

🔗 github.com/AllThingsSmitt…

• • •

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

This Thread may be Removed Anytime!

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

More from @Prathkum

Pratham

@Prathkum

11 Jun

You can create your text portrait using CSS in 5 simple steps. Let's see how

🧵👇🏻

Step 1: Setting up the HTML

Create a document with a lot of lorem ipsum text so that your webpage is covered entirely by the text

Step2: Set dark background-color

A dark background will make your portrait more appealing

Read 8 tweets

Pratham

@Prathkum

11 Jun

5 beginner friendly websites to learn JavaScript

🧵👇🏻

1. JavaScript Tutorial

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

🔗 javascripttutorial.net

2. Learn JavaScript

- Interactive JavaScript tutorial.

🔗 learn-js.org/en/

Read 6 tweets

Pratham

@Prathkum

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 🧵👇🏻

CSS is a stylesheet language that serves one great purpose. It makes your website visually good

Consider this amazon website with and without CSS 👇🏻

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

@Prathkum

8 Jun

10 great handmade CSS and JavaScript cheat sheets you won't find anywhere

🧵👇

1. CSS Box Model 📦

2. Types of Border Style 🔲

Read 12 tweets

Pratham

@Prathkum

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

@Prathkum

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

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!

Share this page!

Pratham

Try unrolling a thread yourself!

More from @Prathkum

Pratham

Pratham

Pratham

Pratham

Pratham

Pratham

Did Thread Reader help you today?

Like this author's thread?