INTRO TO
CSS
Jesper Bratt
Front end/Design/UX
Content
- The best CSS selectors
- Flexbox and Grid
- Preprocessors
- Let's style something!
Feel free to ask questions whenever!
Many feel like this
tHE BEST CSS SELECTORS
- Simple: # and .
- Combinators: >, + and ~
- Pseudos: ::something
If you can HTML it, you can select it somehow.
Flexbox and grid
- Flexbox
- Grid
Pray to the web browser gods that you don't need to support less than IE8...
Preprocessors
- Variables
- Nesting
- Loops
- Mixins
- Functions
- Imports
SASS/SCSS, LESS, Stylus, PostCSS