Tiny CSS Projects (MEAP V10)

CSS is a must-know tool for all web developers. In this practical book, you’ll explore numerous techniques to improve the way you write CSS as you build 12 tiny projects.

In Tiny CSS Projects you’ll build twelve exciting and useful web projects 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 utilize hover interactions
Styling forms to make them more appealing to your users

The projects may be tiny, but the CSS skills you’ll learn are huge! Tiny CSS Projects teaches you how to make beautiful websites and applications by gilding you through a dozen fun coding challenges. You’ll learn important skills through hands-on practice as you tinker with your own code and make real creative decisions about the projects you’re building. You’ll rapidly master the basics and then press on into 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 colors, layouts, and typography—everything that 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.

about the book
Tiny CSS Projects develops your CSS skills through 12 delightfully creative mini-projects. Each project sets you up with a premade HTML skeleton for you to use as a foundation for your work. You’ll build up your portfolio of common and useful web designs, including a loading screen, an eCommerce checkout, and animated social media buttons. As you tackle each tiny project, you’ll learn about animation, transitions, layout, styling forms, and even typography. All the skills you master are easy to transfer to full-size applications!