What do you think?
Rate this book
Tiny CSS Projects
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
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
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
In Tiny CSS Projects you’ll build twelve exciting and useful web projects
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
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
392 pages, Paperback
Published July 18, 2023
8 people are currently reading
20 people want to read
Ratings & Reviews
Friends & Following
Create a free account to discover what your friends think of this book!
Community Reviews
Displaying 1 - 8 of 8 reviews
September 11, 2023
I’ve read several CSS books over the years but this one surprised me positively. It is complete, the examples are real and interesting, and the topics are well explained.
The title is a bit misleading. It made me first think that this book is about cool little fun projects to do if you have time to kill. They are actually real projects that you will use if you do any web development at all. Each chapter uses a different project from start to finish. But at the same time there is a tight focus on some aspect of CSS. So there’s really no fluff. In some other books, they use one project for the whole book. Not this one. So it keeps your interest and has plenty of contact.
Each chapter starts with the html (you don’t need to write it, although you should know what html is) and you can see the style take shape as you add more CSS.
In addition to the projects, the book starts with a very complete into to CSS. You can literally start from zero. It even explains SVGs and how to manipulate them. The book also covers sass/less/stylus preprocessing.
The title is a bit misleading. It made me first think that this book is about cool little fun projects to do if you have time to kill. They are actually real projects that you will use if you do any web development at all. Each chapter uses a different project from start to finish. But at the same time there is a tight focus on some aspect of CSS. So there’s really no fluff. In some other books, they use one project for the whole book. Not this one. So it keeps your interest and has plenty of contact.
Each chapter starts with the html (you don’t need to write it, although you should know what html is) and you can see the style take shape as you add more CSS.
In addition to the projects, the book starts with a very complete into to CSS. You can literally start from zero. It even explains SVGs and how to manipulate them. The book also covers sass/less/stylus preprocessing.
July 26, 2023
Full disclosure - I was a reviewer of this book and received my copy for free.
I found this to be a fantastic book to read and code my way through. The projects were well thought out and very realistic in their content. The tasks are relevant to what you'd face as a web developer, they were all interesting to complete and well-paced, introducing new concepts and keywords along the way without overloading the reader. Code samples are aplenty and the book is full of practical techniques that can be applied in the real world, all using vanilla CSS.
Highly recommended to readers who are new to CSS and to those who want to brush up on modern techniques.
I found this to be a fantastic book to read and code my way through. The projects were well thought out and very realistic in their content. The tasks are relevant to what you'd face as a web developer, they were all interesting to complete and well-paced, introducing new concepts and keywords along the way without overloading the reader. Code samples are aplenty and the book is full of practical techniques that can be applied in the real world, all using vanilla CSS.
Highly recommended to readers who are new to CSS and to those who want to brush up on modern techniques.
August 19, 2023
Full disclosure: I was a reviewer of this book and received my digital copy for free.
This book is a great tool to learn CSS. Since you're doing actual CSS projects, it's very engaging. Since the book involves tiny projects, the immediate feedback of finishing something will keep you motivated. I love that this book goes above and beyond by teaching not only "what works" but also best practices. I love that they integrated accessibility topics. If you're a beginner looking to truly grow in your skills, get this book.
This book is good to have as you read the free CSS documentation on the MDN docs (by Mozilla) on CSS, which goes through CSS concepts and syntax in-depth.
This book is a great tool to learn CSS. Since you're doing actual CSS projects, it's very engaging. Since the book involves tiny projects, the immediate feedback of finishing something will keep you motivated. I love that this book goes above and beyond by teaching not only "what works" but also best practices. I love that they integrated accessibility topics. If you're a beginner looking to truly grow in your skills, get this book.
This book is good to have as you read the free CSS documentation on the MDN docs (by Mozilla) on CSS, which goes through CSS concepts and syntax in-depth.
December 26, 2024
The author chooses a great sampling of cases that demonstrate many of the core features of CSS, and demonstrate methods which one would use to build and design actual website building blocks. However, what I found especially useful was the discussion about the design decisions that went into the code. Not even simply "We're doing x because y - the discussion is more of the lines of: "We must consider y - x is a possible solution, but still consider a, b, and c." - It is very helpful when covering some of the more abstract topics.
July 19, 2023
I was one of the book reviewers. I have used CSS many years ago, but have dabbled in it ever since. I found this book to be an excellent source of information. It shows how modern CSS can be used to do some incredible things. I really enjoyed following through the various projects (source code available), and felt that I learned a lot of new concepts. The projects themselves are chosen to represent the types of projects that a real, working web designer might be tasked with. Enjoy!
July 29, 2023
I am a ServiceNow developer, and recently, I had to create numerous new document templates and fix existing ones, necessitating knowledge of both HTML and CSS. I turned to "Tiny CSS Projects," and I find the book's approach fantastic. It dives right into building small CSS projects, which, in my opinion, is a really effective way to learn CSS.
In my view, this book is not only helpful for frontend developers but also a valuable resource for ServiceNow Developers like myself.
In my view, this book is not only helpful for frontend developers but also a valuable resource for ServiceNow Developers like myself.
August 25, 2023
Full disclosure : I was a reviewer of this book.
This book is certainly not a beginner's book but you will learn lot of CSS techniques.
Cutting the book in small projects makes it easy to read.
In short: a great book for someone who wants to make a leap forward in their CSS skills.
This book is certainly not a beginner's book but you will learn lot of CSS techniques.
Cutting the book in small projects makes it easy to read.
In short: a great book for someone who wants to make a leap forward in their CSS skills.
August 1, 2023
This book is really helpful to get hands on small ptojects and builds confidence to take on more challenges.
Displaying 1 - 8 of 8 reviews