Tiny CSS Projects

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 and exciting layout features, including grid and flexbox, animations, transitions, and media queries. Tiny CSS Projects develops your CSS skills through 12 delightfully creative mini-projects. Each project sets you up with a premade HTML skeleton to use as a foundation for your work. You will build up your portfolio of common and useful web designs including a loading screen, eCommerce checkout, and animated social media buttons. As you tackle each tiny project, you will learn about animation, transitions, layout, styling forms, and even typography. All the skills you master are easy to transfer to full-size applications! About the reader For readers who know the basics of HTML and frontend development. No previous experience of CSS is required. 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.