Название: Tiny CSS Projects (Final Release)
Автор: Michael Gearon, Martine Dowden
Издательство: Manning Publications
Год: 2023
Страниц: 392
Язык: английский
Формат: pdf (true)
Размер: 33.3 MB

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.

One of the hard parts of learning a new language or skill is extrapolating the individual skills learned into the thing we’re trying to build. Although we may know the mechanics of grid or understand how flex works, learning which to choose and when (or how) to achieve a specific end that we’re envisioning can be challenging. Rather than start with the theory and then apply it to our projects, in this book we took the opposite approach. We started with the project and then looked at which skills and techniques are necessary to achieve our end.

But why talk about CSS? We can write an entire application using nothing but browser-provided defaults, but it wouldn’t have much personality, now, would it? With CSS, we can achieve a lot for both our users and our business needs. For everything from brand recognition to guiding users with consistent styles and design paradigms to making the project eye-catching, CSS is an important tool in our toolbox.

Regardless of libraries, preprocessors, or frameworks, the underlying technology that drives how our applications and websites look is CSS. With that in mind, so as not to get sidetracked by the individual quirks and functionality of libraries and frameworks, we chose to go back to the basics, writing this book in plain old vanilla CSS because, if we understand CSS, applying it to any other tech stack or environment becomes much easier down the line.

about the technology
Cascading Style Sheets (CSS) make the web beautiful. Where HTML structures a page and jаvascript 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!

Who should read this book?
Tiny CSS Projects is for readers who know the basics of HTML and frontend development. No experience in CSS is required. Both beginners and experienced coders will develop a deeper understanding of CSS through this book. Rather than present a theoretical view of CSS, each chapter applies a different part of CSS to a project to demonstrate in practice how CSS works.