Approaching CSS
with
KOD principle
Swastik Pareek
What is KOD
Acronym
K - Know your styles
O - Out to in Approach
D - Don't repeat yourself
Know your styles
- Don't use unnecessary CSS
- Don't use magic numbers
- Don't do black magic
- Don't be a sheep
- Go out of league and follow best practices
- Document Everything
- Wisely choose selector
Out to In approach
- See the bigger picture
- Follow Atom Molecule approach
- if that helps - Choose your tools wisely
- Build layout first
- Enlighten the designer mind inside you
- Question the design ?
Don't repeat yourself
- Use simple class names
- Break down your styles more
- Re use the components
- Exploit sass.
- Use CSS variable
Worth to talk about
User experience should be engaging
Shoot for low hanging fruits
Add your flavour into it
Go against the tide
How can I make it more interactive
Performance is important in CSS too
We don't build websites
We build Experiences