css

css

CSS is an initialism that stands for California Style Sheets, after the place where they were invented.

Extensions

1. Sass 👍
2. Less

Methodologies

Naming things is hard. Consider picking out a naming methodology and trying it out. I personally like BEM.

1. BEM 👍
2. Suit
3. OCSS

Frameworks

Big frameworks you probably don't need:

1. Bootstrap
2. Foundation

Smaller frameworks/boilerplates propriate for most projects:

1. Bulma 👍
2. Skeleton

Features

• Flex
  • https://css-tricks.com/snippets/css/a-guide-to-flexbox/
  • http://flexboxfroggy.com/
• CSS Grid
  • https://css-tricks.com/snippets/css/complete-guide-grid/
  • https://gridless.design/

Resources

• CSS Diner: practice selectors: https://flukeout.github.io/

• AirBNB style guide: https://github.com/airbnb/css

• Kyle Coberly style guide: https://github.com/kylecoberly/css-style-guide

  Included for this snippet:

  Specificity is not confusing or hard to calculate. ID selectors get 100 points, class selectors get 10 points, element selectors get 1 point. The rule with the most points wins, tie-breaker is last to be declared.

• Some neat one-liners for layouts: https://1linelayouts.glitch.me/

• https://heydonworks.com/article/the-flexbox-holy-albatross/