https://github.com/aeharding/excellent-css
Presentation on tried and tested CSS best practices
https://github.com/aeharding/excellent-css
Last synced: 3 months ago
JSON representation
Presentation on tried and tested CSS best practices
- Host: GitHub
- URL: https://github.com/aeharding/excellent-css
- Owner: aeharding
- Created: 2016-01-20T17:28:39.000Z (over 10 years ago)
- Default Branch: gh-pages
- Last Pushed: 2016-01-27T16:11:04.000Z (over 10 years ago)
- Last Synced: 2025-01-26T11:23:24.635Z (over 1 year ago)
- Homepage: https://github.com/aeharding/excellent-css/blob/gh-pages/slides.md
- Size: 4.05 MB
- Stars: 3
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Read
[Read the slides](slides.md)
# Run the actual presentation
```
npm install -g reveal-md
reveal-md slides.md
```
# Presentation outline
* "CSS is hard!" vs "CSS is easy!"
* normalize.css (Know your reset)
* CSS box model
* `
` soup
* BEM
* CSS overrides
* !important
* EMs and REMs
* CSS libraries vs Sass libraries (Bourbon/Neat/Bitters/Refills vs Bootstrap)
* Actually, let's just make that a topic: BOOTSTRAP
* CSS pre/post processors
* Sass
* @extend w/ placeholders, @mixin, variables
* Proactive testing
* Linting (scss-lint, sass-lint)
* Pixel-perfect regression testing
* Polishing
* Animations
* Stop using Javascript (jQuery)
* Where JS is needed, use it to control CSS events
* Falling back
## Stuff to research
* inuitcss
*