Tiny CSS Projects - Softcover

Dowden, Martine; Gearon, Michael

  • 4.50 out of 5 stars
    12 ratings by Goodreads
 
9781633439832: Tiny CSS Projects
Softcover
ISBN 10: 1633439836 ISBN 13: 9781633439832
Publisher: Manning, 2023

Synopsis

CSS is a must-know language 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 multiple 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 guiding 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.

Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications.

About the Technology

Don’t settle for boring web pages! With Cascading Style Sheets you can control color, layout, and typography to make your sites both functional and beautiful. CSS is an essential skill for web developers and designers. This book will help you get started the right way.

About the Book

Tiny CSS Projects builds your CSS skills by guiding you through 12 creative mini-projects. Each interesting challenge starts with a downloadable HTML skeleton. As you flesh it out with your own design ideas, you’ll master CSS concepts like transitions, layout, and styling forms, and explore powerful features including Flexbox and Grid. All the skills you’ll learn are easy to transfer to full-size applications. When you finish, you’ll have an exciting portfolio of designs ready to go for your next project.

What's Inside

  • Transitions and animations using keyframes
  • Layout techniques including Grid and Flexbox
  • Styling form elements including radio buttons
  • Embedding fonts and typography-related styles
  • Conditional styling using pseudo-elements and media queries

About the reader

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

About the author

Martine Dowden is an author, speaker, and award-winning CTO. Michael Gearon is a user experience designer and frontend developer who has worked with many well-known brands.

Table of Contents

1 CSS introduction
2 Designing a layout using CSS Grid
3 Creating a responsive animated loading screen
4 Creating a responsive web newspaper layout
5 Summary cards with hover interactions
6 Creating a profile card
7 Harnessing the full power of float
8 Designing a checkout cart
9 Creating a virtual credit card
10 Styling forms
11 Animated social media share links
12 Using preprocessors

"synopsis" may belong to another edition of this title.

About the Author

Martine Dowden is an author, international speaker, and award-winning chief technology officer of Andromeda Galactic Solutions. Her expertise includes psychology, design, art, accessibility, education, consulting, and software development. Tiny CSS Projects is her fourth book about web technologies and draws on 15 years of experience in building web interfaces that are beautiful, functional, and accessible. For her community contributions, Martine has been named a Microsoft MVP in Developer Technologies and a Google Developer Expert in Web Technologies and Angular.

Michael Gearon is a user experience designer and frontend developer from Wales, UK. He studied BSc Media Technology at the University of South Wales while practicing coding and design. Since then, Mike has worked with well-known UK brands including Go.Compare and Ageas insurance. He now works in the Civil Service, previously for Companies House and currently at Government Digital Service (GDS).

From the Back Cover

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.

"About this title" may belong to another edition of this title.

Publisher
Manning
Publication date
2023
Language
English
ISBN 10 
1633439836
ISBN 13 
9781633439832
Binding
Paperback
Number of pages
392
Rating
  • 4.50 out of 5 stars
    12 ratings by Goodreads