3 pillars are responsive design
- Responsive Design
- Maintainable and scalable code
- Web Performance
- Responsive Design(or responsive web design)
build one website that works beautifully across all screens sizes on all devices. responsive design absolutely ‘standard’ today.
fundamentals of responsive web design.
- Fluid layouts
- Media queries
- Responsive images
- Correct units
- Desktop-first vs mobile-first
- Maintainable and scalable code
it’s important for the developer and final user of the website.
keywords: clean, reusable
need to care and think about CSS architecture. writing maintainable code.
- easy to understand
- future growth
- how to organize files
- how to name classes
- how to structure HTML
- Web Performance
make faster and to make it smaller in size, so that user has to download less data. making as little HTTP requests as possible. but the biggest impact we can have on performance is to actually reduce the use of images.
- less HTTP requests
- less code
- compress code
- use a CSS preprocessor
- less images
- compare images
Reference
Advanced css and sass