Created
March 25, 2020 21:34
-
-
Save 4unkur/e4dba431d9b7889528d490b33b9ab522 to your computer and use it in GitHub Desktop.
Learn CSS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
To LEARN CSS there are: | |
MarkSheet - http://marksheet.io/ - HTML/CSS/Sass | |
CSS Fundementals - https://www.jqueryuk.com/2015/videos/mdo-ular-css - Conference Talk from Bootstrap creator | |
CSS Layout Basics - http://www.dontfeartheinternet.com/ - CSS Tutorial | |
CSS Sushi - https://flukeout.github.io/ - CSS Selector game | |
Flexbox Game - http://flexboxgame.com/ - Interactive CSS Flexbox Tutorial | |
Flexbox Froggies - https://flexboxfroggy.com/ - CSS Flexbox Game | |
Flexbox Tower Defence - http://www.flexboxdefense.com/ - CSS Flexbox Game | |
CSS Grid Garden - https://cssgridgarden.com/ - CSS Grids Game | |
Grid By Example - https://gridbyexample.com/video - CSS Grids Video Tutorials | |
WTF HTML & CSS - http://wtfhtmlcss.com/ - Common issues people run into with HTML/CSS and their solutions | |
MarkSheet | |
A free tutorial to learn HTML and CSS | |
MarkSheet is a free tutorial to learn HTML and CSS. It's short (just as long as a 50 page book), simple (for everyone: beginners, designers, developers), and free (as in 'free beer' and 'free speech'). It consists of 50 lessons across 4 chapters, covering the Web, HTML5, CSS3,... | |
CSS Diner | |
A fun game to help you learn and practice CSS selectors. | |
Learn Flexbox with Webflow | |
Learn CSS flexbox in 28 fun, challenging levels—without writing code. Brought to you by Webflow, the responsive web design tool you've been looking for. | |
To MASTER CSS, you need to: | |
1. Memorize all valid HTML tags | |
2. Memorize all CSS properties and their values | |
3. Spend a decade working on real-world scenarios, combining the CSS Properties for different results | |
4. Study organizational structures like ITCSS | |
5. Study defensive naming conventions like BEM | |
6. Study modern approaches to scoped styles | |
7. Stay up to date on upcoming CSS features | |
8. Understand how browsers paint a single pixel to the screen | |
9. Understand the full calculation of how CSS Specificity is resolved | |
10. Understand the performance implications of everything related to CSS | |
@gemurdock | |
You can learn HTML and CSS in a day, but it takes a decade to master them |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment