Awesome GitHub Repositories to Learn CSS

Hello, everyone! As a developer, whether a novice, intermediate, or senior, we all struggle to grasp or address CSS-related issues at some time during development.

Well, I suppose that's typical, however, I did some research into how we may learn or resolve CSS-related issues.

In this post, I'll reveal to you some fantastic CSS repositories where we can find CSS principles, resources, and courses, among other things.

1. Awesome CSS Learning

A fantastic collection of the top CSS learning resources.

This list focuses on CSS, both as a language and as a set of modules. It's not about naming conventions, architecture paradigms, frameworks, pre-processors, post-processors, CSS-in-JS, or any other component of the CSS ecosystem today.

micromata / awesome-css-learning

A tiny list limited to the best CSS Learning Resources

Awesome CSS Learning

An awesome list limited to the best CSS learning resources

This list is mainly about CSS – the language and the modules. Not about naming conventions, architecture paradigms, frameworks, pre-processors, post-processors, CSS-in-JS or other aspects of todays CSS ecosystem.

Please read the contribution guidelines before contributing.

CSS References

codrops - An extensive CSS reference offering way more content than MDN.
Can I use - Interactive browser support tables for CSS (and HTML5).

CSS in a nutshell

Introduction to CSS - This Screencast series will teach you the basics of CSS in about one hour.

Fundamental concepts

The cascade - This article explains what the cascade is and how this affects you.
Specificity and inheritance - Understanding specificity and inheritance is important to master CSS. This article…

View on GitHub

2. Learn CSS Today

A place where you may find excellent collections of CSS projects to learn from.

WebDevSimplified / Learn-CSS-Today

3. CSS Topics

4. CSS Secret

You'll find some solutions to common CSS issues in this repository.

Starting at the beginning

You can fork this repo using this if you wish to use it as a memo.

Each section is kept in its own folder.

There are subfolders in each folder.
There are README files in each subfolder that describe the problem we're trying to solve.

luctst / CSS-Secrets

Trainning with some CSS3 Tricks, with the help of the Lea Verou book "CSS SECRETS"

CSS-Secrets, click to see all the secrets

In this Repository you will find some solutions to commom CSS problems

Getting started

If you want have this repo like a memo you can fork this repo by using this

git clone [email protected]:luctst/CSS-Secrets.git

How this repo works

Here how this Repository works :

Each section is in folder.
In each folders there are subfolders.
In each subfolders there are README file who present the problem we trying to solve.

Contributing

PLease read our CONTRIBUTING.MD for details on our code of conduct, and the process for submitting pull requests to us.

Authors

Tostée Lucas - Check his website

Licence

This project is licensed under the MIT Licence - see the LICENSE.md file for details

View on GitHub

5. CSS Framework

A curated list of awesome CSS frameworks.

troxler / awesome-css-frameworks

List of awesome CSS frameworks

Awesome CSS Frameworks

List of awesome CSS frameworks.
Feel free to contribute.

Supported by FrontAid CMS:

Base / Reset / Normalize

normalize.css - Modern, HTML5-ready alternative to CSS resets.
Repo | #CSS
sanitize.css - The best-practices CSS foundation.
Repo | #CSS
minireset.css - Tiny modern CSS reset.
Repo | #Sass
inuitcss - Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects.
Repo | #SCSS
modern-css-reset - Tiny little reset that you can use as the basis of your CSS projects.
Repo | #CSS
ress - Modern CSS reset.
Repo | #CSS
modern-normalize - Normalize for Chrome, Firefox, and Safari only (no support for Edge or Internet Explorer).
Repo | #CSS
Natural Selection - Collection of best-practice CSS selectors.
| #CSS