Skip to content

Instantly share code, notes, and snippets.

@4unkur
Created March 25, 2020 21:34
Show Gist options
  • Save 4unkur/e4dba431d9b7889528d490b33b9ab522 to your computer and use it in GitHub Desktop.
Save 4unkur/e4dba431d9b7889528d490b33b9ab522 to your computer and use it in GitHub Desktop.
Learn CSS
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