GeezerVison is showing debuggingcss.com — Debugging CSS
Debugging CSS
An ebook that will help you improve your debugging CSS
skills and reduce the time you spend on bugs by showing
proven methods and techniques.
Buy the book
—
Only for
$19.99
Do you want to see a preview first?
Download a preview.
About the author
Ahmad Shadeed
Product designer, Front-end developer
Ahmad is a digital product designer and front-end
developer from Palestine. He enjoys working on product
design and front-end challenges which involves solving
complex design problems. He writes extensively on CSS,
Accessibility, and RTL (right to left) text styling.
Browser DevTools help us a ton these days in debugging
CSS, but there isn’t exactly a step-by-step guide about
it that I know of. This book leans into that, showing
off how to debug really practical and understandable CSS
issues with the help of DevTools when appropriate.
What’s in the book
-
Introduction and Overview
A bit of history about debugging and how it evolved
over the years.
-
Introduction to CSS Bugs
The type of CSS bugs and an explanation of each one
with an example.
-
Debugging Environments and Tools
An extensive explanation about web browsers
development tools and how to get benefit of them for
debugging.
-
CSS Properties That Commonly Lead to Bugs
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.
-
Breaking a Layout Intentionally
There are many ways to break a layout in CSS, this
chapter is intended to teach you a couple of useful
methods.
-
Browsers Inconsistency and Implementation Bugs
Oh, it’s not fair to write a book about debugging CSS
without mentioning browsers inconsistency and how to
fix it.
-
General Tips and Tricks
Some delightful and useful tips that will make your
life easier as a designer and a developer.
What makes the book unique
-
Clear and direct approach
If you're a visual learner, this book is for you. It
focuses more on actionable advice and tips.
-
Real-life examples
All the examples in the book are things that you face
in your day to day work. Nothing is abstract.
-
140+ Custom illustrations
Each CSS issue has a mockup that shows it clearly so
you don't have to imagine it.
-
Made by a designer-turned developer
You will not only learn about how to debug CSS, but
you will also learn some CSS tips with UI design in
mind.
-
The only book about debugging CSS
You don't want to miss this as there is no such
detailed writing about debugging CSS.
-
The order doesn’t matter
Do you read books cover to cover? You don't have to.
This book is clearly sectioned so you can read the
topic that matters to you the most.
Praise from readers
Browser DevTools help us a ton these days in debugging
CSS, but there isn’t exactly a step-by-step guide
about it that I know of. This book leans into that,
showing off how to debug really practical and
understandable CSS issues with the help of DevTools
when appropriate.
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.
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!
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 highly recommend this book to anybody writing CSS. A
much-needed book on the topic. Very well researched.
Get your copy now.
Ellis Donovan
Designer/Engineer
Just started digging into your book. Amazing. This is
gonna save me so much time troubleshooting - Nice one!
This is one of my two favourite resource purchases
this year. It’s a no brainer, just buy it.
Wow the last time I was blown away by a CSS book was
in 2015, now it has happened again with the Debugging
CSS book by @shadeed9!
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!
Bandar Abdullah
Revival Studio, KSA
This is a unique and highly useful book that provides
valuable practices when debugging CSS, I'm very
pleasantly surprised by the level of details and
design, it's one of the best technical books I've seen
recently at the design level.
This book is a must-have for any front-end developer.
All of the information is well structured and helps to
save time and avoid making any mistakes when working
with CSS. Get yourself a copy of this book while the
discount is still on.
Just read it if you think that CSS is simple. Really
great book with deep dive into CSS nuances. It's a
rare example of long term knowledge in the era of fast
changes in web standards.
Coming to the end of the amazing "Debugging CSS" by
@shadeed9 — can't recommend it enough, it's about time
such a book was published!
I have been working professionally in web development
for almost a decade and still found a lot of useful
tips. I liked how it's structured.
Buy the book
$39
$19.99
300-page book in PDF and EPUB formats.
For team licenses, please contact me at [email protected]
with the number of copies you want so I can provide a
discount.
I will be happy to provide students and parity
discounts. Please send me a message on Twitter @shadeed9 or email
me at [email protected]
|