The minimalist CSS challenge
The minimalist CSS challenge is to find a web project and (re)write the CSS of it with no more than X CSS declarations. It only has 3 rules:
Set the max before you begin
You can only write 1 CSS file
Count number of declarations in the browser
Tips:
Write semantic HTML
Use the "color-scheme" meta tag
Write your HTML with CSS disabled
Use locally installed fonts instead of downloading them from the internet
Use CSS shorthands
Use advanced selectors to avoid code duplication
Dont be afraid of syntax
Get creative
Links featured in the video:
HTML elements reference: https://developer.mozilla.org/en-US/d...
Font statistics: https://www.awayback.com/index.php/20...
Key moments:
0:00 Intro
1:16 The challenge
4:32 But why?
6:14 Conclusion
6:41 Bonus round: Tips
This video is available under the CC BY-SA 4.0 license. Read the license here: https://creativecommons.org/licenses/...