یکی از مشکلات کد زدن در فرانت‌اند اینه که بر خلاف انواع دیگر برنامه‌نویسی شما توانایی دیباگ کردن طراحی خودتون رو ندارید و این واقعا آزار دهنده است که بعد از ۳ ساعت بالا پایین کردن کد css و html تون آخر بفهمین یه مقدار رو ۱۰ پیکسل کمتر مقدار دادین و به همون خاطر کل صفحه به هم ریخته :)
حالا چاره چیست ؟
یک بوکمارک جدید بسازید و در بخش URL به جای آدرس صفحه‌ی وب ، کد زیر رو پیست کنید :
javanoscript:[].forEach.call(document.querySelectorAll("*"),function(a){a.style.outline="solid hsl("+(a+a).length*9+",99%,50%)1px"})
حالا یه سایت باز کنید و بعد از این که سایت باز شد روی این بوکمارک کلیک کنید، باعث میشه خیلی راحت شیوه کار کد cssتون رو درک کنین و دیباگش کنید :)