🌐
Hack the Web
  • Welcome to Hack the Web
  • Getting Started
    • 🔥Course Overview
    • Why This is Important
    • 🛠️What We Will Build
  • Build with the Basics
    • Build with the Basics
    • HTML
    • CSS
    • JavaScript
    • 💥Putting it all together
    • Design Systems and CSS Frameworks
  • Design Basics
    • What Makes Good Design
    • 🏳️‍🌈Colors, Colors, Colors
    • 🔡Typography and Fonts
    • 🌀Graphics for Your Site
      • Types of Images
      • Where to Find Graphics
      • Image Formats
      • Other Media Formats
    • 🦄Icons
  • Don't Start From Scratch
    • ▶️Template Walkthrough
  • Misc Topics
    • Search Engine Optimization
    • ⭐Favicons
    • ☑️HTML & CSS Validation
    • 📊Performance Testing
    • Markdown
    • Mobile Responsive Design
  • Advanced Topics
    • Hosting Sites
    • ↔️Backend vs Frontend Development
    • ⚙️Browser Built-In Web Tools
  • Real-World Applications
    • 💼Career Paths in Web Design
    • Wordpress, Drupal, Website Builders
  • Conclusion
    • 🎉Course Recap
    • 📝Quiz for Certificate
    • 🦉Keep on Learning
  • SouthHills Info Request
Powered by GitBook
On this page
  1. Build with the Basics

Design Systems and CSS Frameworks

PreviousPutting it all togetherNextWhat Makes Good Design

Last updated 6 months ago

If you don't want to do all your CSS styling from scratch, there are design systems and CSS frameworks that have been started to help save you time - and it is what most of us use professionally as well. Many of these are "free" to use on your sites and allow you to get a great head start on making your sites look professional.

Some Examples

Bootstrap Frontend Toolkit - Bulma CSS Framework - Water.css - Ionic Framework -

https://getbootstrap.com/
https://bulma.io/
https://watercss.kognise.dev/
https://ionicframework.com/