What do you think?
Rate this book
Master the Skill of Debugging CSS
An ebook with lots of tips and techniques on how to debug CSS the right way with easy and studied methods.
300 pages, ebook
Published January 1, 2020
4 people are currently reading
52 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 - 3 of 3 reviews
May 27, 2022
As I've written CSS for more than 20 years now (since CSS 2.0!), this book brought only very little to the table for me personally. However, Shadeed's "Debugging CSS" is well written, beautifully and carefully crafted book about every front-end developer's best friend, Cascading Style Sheets.
One thing I learned though, was the auto-fit feature. For some reason I have never really used it in my CSS Grid templates. This book gives you great examples on where, when, why and how to use these definitions. Flexbox and CSS grids are mostly well known for any modern web developer out there, but the magic is in the details. For example, earlier this was my daily grid: `grid-template-columns: repeat(3, minmax(0, 1fr));`, it still is listed in my snippets under grid!
After the book, my daily grid snippet will be this:
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr) minmax(150px, 1fr) minmax(140px, 150px) minmax(150px, 1fr));
I never realized I could define max columns with repeat, auto-fit in place of iteration and the rest will just fit automatically. This is especially useful if we cannot know how many columns there will be, but with this I'll know that if the area is designed for max four columns per row, it will still look good when there's less than four. This blew my mind.
So, even though you are a front-end developer that has over 20 years of experiencem you can still learn something from this book. Heck, the lesson is, you learn every day anyway, and that's the best part of this area of expertise.
Highly recommended book for all front-end developers out there.
One thing I learned though, was the auto-fit feature. For some reason I have never really used it in my CSS Grid templates. This book gives you great examples on where, when, why and how to use these definitions. Flexbox and CSS grids are mostly well known for any modern web developer out there, but the magic is in the details. For example, earlier this was my daily grid: `grid-template-columns: repeat(3, minmax(0, 1fr));`, it still is listed in my snippets under grid!
After the book, my daily grid snippet will be this:
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr) minmax(150px, 1fr) minmax(140px, 150px) minmax(150px, 1fr));
I never realized I could define max columns with repeat, auto-fit in place of iteration and the rest will just fit automatically. This is especially useful if we cannot know how many columns there will be, but with this I'll know that if the area is designed for max four columns per row, it will still look good when there's less than four. This blew my mind.
So, even though you are a front-end developer that has over 20 years of experiencem you can still learn something from this book. Heck, the lesson is, you learn every day anyway, and that's the best part of this area of expertise.
Highly recommended book for all front-end developers out there.
Read
January 22, 2023كتاب رائع جدا ويستحق الاقتناء لكل مبرمج ويب يتعامل مع اللغة اللعوب CSS
يعلم المبرمجون أن منحنى البدء في سي إس إس سهل في البداية ولكن هناك الكثير من العثرات والصعوبات والأمور غير المنطقية عند مواجهتها لأول مرة، وهي تحتاج إلى فهم عميق لآليات عمل سي إس إس والكثير من الخبرة والعمل والغضب.
بعد أن ضقت ذرعًا ببعض أوامر سي إس إس أثناء تطويري على مشروع، رغم أني أعدل على قالب جاهز، قررت أنني أحتاج إلى كتاب أحمد شديد في تنقيح/حل مشاكل سي إس إس..
راسلته طلبا في التخفيض، فأخبرني أن هناك تخفيض الجمعة السوداء في ٣٠ نوفمبر..
اشتريت الكتاب وأعجبني جدا، بما فيه من نماذج ذهنية لحل مشاكل سي إس إس والعديد من الحيل والنصائح المتنوعة والتي قد تفيدك مهما كان مستواك،، وكذلك ذكر الأخطاء الشائعة وتجنبها.. يمكن تنزيل جدول المحتويات من الموقع الرسمي للكتاب.
يعلم المبرمجون أن منحنى البدء في سي إس إس سهل في البداية ولكن هناك الكثير من العثرات والصعوبات والأمور غير المنطقية عند مواجهتها لأول مرة، وهي تحتاج إلى فهم عميق لآليات عمل سي إس إس والكثير من الخبرة والعمل والغضب.
بعد أن ضقت ذرعًا ببعض أوامر سي إس إس أثناء تطويري على مشروع، رغم أني أعدل على قالب جاهز، قررت أنني أحتاج إلى كتاب أحمد شديد في تنقيح/حل مشاكل سي إس إس..
راسلته طلبا في التخفيض، فأخبرني أن هناك تخفيض الجمعة السوداء في ٣٠ نوفمبر..
اشتريت الكتاب وأعجبني جدا، بما فيه من نماذج ذهنية لحل مشاكل سي إس إس والعديد من الحيل والنصائح المتنوعة والتي قد تفيدك مهما كان مستواك،، وكذلك ذكر الأخطاء الشائعة وتجنبها.. يمكن تنزيل جدول المحتويات من الموقع الرسمي للكتاب.
March 24, 2024
i love css!
Displaying 1 - 3 of 3 reviews