Contents
- CSS Foundations
- Overview
- Anatomy of a Rule Set and the 3 Types of Style Sheets
- The Box Model and Display Properties
- Ramping Up
- Text Editors
- CSS Reset
- DevTools
- Renaming Elements
- Descendant Selectors
- Creating an Page Layout w/Floats
- Floats
- Multi-Column Layout
- Solving the Problems of Floats
- Creating Buttons w/Modular, Reusable CSS
- Creating Buttons w/Modular CSS
- Multiple Classes
- Specificity Rules
- Transitions
- Transforms
- Building the Call-to-Action Button
- CSS Gradients
- Creating the Main Nav
- Starting the Nav
- Pseudo Classes
- CSS Positioning
- Building the Drop Down Menu
- Animations Part 1
- Animations Part 2
- Finalizing the Nav
- Becoming Responsive
- Fluid Grids
- Flexible Images
- Media Queries
- Mobile Menu
- Viewport Meta Tag
- Web Fonts
- @font-face
- Font Kits
- Google Web Fonts
- Subscription Font Services
- Icon Fonts
- Workflow for HiDPI Devices
- 2x Images
- Javascript Approach
- 1.5x Images
- Background Images
- SVG
- srcset
- Flexbox
- Introduction to Flexbox
- From Floats to Flexbox
- Understanding flex-grow, flex-shrink, flex-basis, and flex
- More Layout, More Positioning
- Building the Product Listing
- flex-wrap and align-content
- Changing the Display Order of Content
- Vendor Prefixes
- Wrapping Up
- Next Steps: Sass and Javascript
- Conclusion and Links
* New in the second edition
