CSS: Frameworks & Grids

Learn how to use a CSS framework like Bootstrap or Foundation to speed up site development and create better, more consistent code. Plus, get a look at CSS grids.

Introduction

• Welcome
• Recommended knowledge
• Using the exercise files

1. Introducing Frameworks

• Frameworks, grids, and boilerplates
• Types of frameworks
• Exploring a minimal framework
• Exploring a comprehensive framework

2. Choose a Framework

• Are frameworks right for you?
• Popular frameworks
• What should I look for in a framework?
• Building your own framework

3. Set Up a Framework

• Downloading a framework
• Using a framework
• Customize the directory structure
• Modifying files
• Exploring framework functionality

4. Build a Framework-Based Site

• Starting a sample project
• Setting up a starter page
• Utilizing framework capabilities
• Add a custom header
• Add a custom footer
• Testing and prepping code
• Cleaning up unused files

5. Work with Grids

• What are CSS grids?
• Popular CSS grid systems
• Exploring grid-based syntax

Conclusion

• Next steps