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

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!


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

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

πŸ§΅πŸ‘‡πŸ» Image
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 ImageImage
Step2: Set dark background-color

A dark background will make your portrait more appealing ImageImage
Read 8 tweets
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 Image
2. Learn JavaScript

- Interactive JavaScript tutorial.

πŸ”— learn-js.org/en/ Image
Read 6 tweets
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
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
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
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

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!