Tiny CSS Projects

Explore numerous techniques to improve the way you write CSS as you build 12 tiny projects.

For readers who know the basics of HTML and frontend development. No previous experience of CSS is required.

In Tiny CSS Projects, you will build twelve exciting and useful web projects with CSS — a must-know tool. This textbook teaches you how to make beautiful websites and applications by gilding you through a dozen fun coding challenges.

You will learn important skills through hands-on practice as you tinker with your own coding and will make actual creative decisions about the projects you re building.

You will rapidly master the basic features, including

• A loading screen created by styling SVG graphics
• A responsive newspaper layout with multi-columns
• Animating social media buttons with pseudo-elements
• Designing layouts using CSS grids
• Summary cards that utilise hover interactions
• Styling forms to make them more appealing to your users

The projects may be tiny, but the CSS skills you will learn are huge! Press on with CSS s exciting layout features, including grid and flexbox, animations, transitions, and media queries.

About the technology

Cascading Style Sheets (CSS) make the web beautiful. Where HTML structures a page and JavaScript gives it additional functionality, CSS handles colours, layouts, and typography — everything your users love about your site. While CSS is an established tool used in almost all production websites, it s also evolving to include new features.