I reduced the time I spend on debugging and fixing CSS bugs from hours to minutes. In this book, I will explain everything I learned about debugging and finding CSS issues.
The current scene of debugging for CSS is confusing because there is no direct and clear way to debug CSS bugs. This book is intended to clear this up for you.
A bit of history about debugging and how it evolved over the years.
The type of CSS bugs and an explanation of each one with an example.
An extensive explanation about web browsers development tools and how to get benefit of them for debugging.
This is not your typical chapter that explain cool things about CSS. In this chapter, you will learn about the most common CSS properties issues and their solution.
There are many ways to break a layout in CSS, this chapter is intended to teach you a couple of useful methods.
Oh, it’s not fair to write a book about debugging CSS without mentioning browsers inconsistency and how to fix it.
Some delightful and useful tips that will make your life easier as a designer and a developer.
The book is written with the shortest possible amount of text content. It aimed for visual learners.
All the examples in the book are things that you face in your day to day work. Nothing is abstract.
I tried to include an illustration to each example in the book. A picture is worth a thousand words.
What that means is you will find some little design related topics here and there.
No one ever wrote an article or a detailed guide about such a topic. What if there is a book about it?
Do you like reading a book from end to start? It’s fine. The book was written so you can read it with the order you like.
Web Directions, @johnallsopp
CSS is sadly an increasingly undervalued tool for front end developers, in no small part because developers find debugging CSS challenging. Yet, until now there's been little in depth published on debugging CSS. Ahmad Shadeed's book is long overdue, and I can't recommend it highly enough for any front end developer.
Lead Design System, @geoffreycrofte
Ahmad gathers in this practical book a bunch of CSS bugs encountered on a daily basis by all levels of developers, and how to solve all of them. A book that would have saved me hours of research in my early days, and well, still today! Well done!
CSS Weekly, @ZoranJambor
Debugging CSS is a must-read for anyone who wants to improve their CSS knowledge, regardless of their experience and expertise. In this book, Ahmad Shadeed scrutinizes and dissects all aspects of debugging CSS, which will help you spot and fix problems in your CSS more efficiently and much faster.
Ahmad is one of my favourite tech writers because they explain concepts in such an approachable, inclusive manner. This book is a no different. I couldn't recommend it more if I tried!
I've had this book for just a few hours and it has already helped me debug a layout shift issue!
Just purchased your book. Searched for an issue I've been struggling for a long time. Used the tip to find the issue. What a treat!
If you've read the book and would like to share your thoughts, I would be happy to add your review here! Please get in touch by Twitter @shadeed9 or email shadeed9[at]gmail[dot]com.
300-page book in PDF format.
For students and parity discounts, please send me a message on Twitter @shadeed9 or email me at email@example.com
Please get in touch at firstname.lastname@example.org
A Digital Product Designer and Front-End Developer from Palestine. He enjoy working on large scale Product Design and Front End Projects which involves solving complex design problems. He writes extensively on CSS, Accessibility and RTL (right to left) text styling.