شخصی سازی رابط کاربری سایت ها

سلام!
شاید شما هم مثل من، جزو اون دسته از برنامه نویس های کمال گرایی باشید که با رابط کاربری بعضی سایت ها حال نمی کنه و دوست داره، ظاهر سایت های مورد علاقه اش رو شخصی سازی کنه! اگر این طوره، پس تا آخر این پست همراه من باشید.

معمولا برای ادیت کد های سمت کاربر از ابزار F12 (Ctrl+Shift+C) استفاده می کنیم. اما تغییراتی که با این ابزار انجام میشه، با یه F5 (Ctrl+R) می پره و برای دفعات بعدی قابل استفاده نیست پس باید به سراغ یه راه حل بهتر بگردیم! شاید ساخت یه افزونه جدید، برای این کار خوب باشه؛ اما این هم کلی دردسر داره و راه به صرفه ای نیست.

پس چه کردم؟‌ یه سرچی تو گوگل زدم و چند تا افزونه گوگل کروم پیدا کردم که خودشون این مشکل رو حل کردند! چجوری حالا؟ این جوری؛ کدی که میخوایم رو به افزونه میدیم و هر موقع که وارد وب سایت مورد نظرمون بشیم، کدی که ما بهش دادیم رو به کد های خود سایت اضافه می کنه! از بین افزونه هایی که پیدا کردم، افزونه Amino نظرم رو جلب کرد؛ به خاطر امکاناتی که داره:

• خودش یه Inspect Element اختصاصی داره که اسم سلکتور ها رو بهمون میده.
• یه فضای ابری هم میده که اگه کدی رو تغییر دادید، روی بقیه سیستم هاتون هم تغییر بده.

آره؛ می دونم! میشه از گزینه دوم کلی سواستفاده کرد؛ ولی بیایید آدم باشیم! :)

یه نکته بدیهی: این تغییرات فقط رو سیستم خودتونه و برای وب سایت ها مشکلی نمی سازه!

خب می تونید، از لینک بالا این افزونه رو نصب کنید و ازش استفاده کنید؛ اما قبل از اون، میخوام شما رو با ظاهری که خودم برای ویرگول ساختم، آشنا کنم!

چطور شده؟ :) شاید شما هم خوشتون اومده باشه؛ اگه خواستید می تونید، از این لینک کدی که برای ویرگول نوشتم رو کپی و استفاده کنید. (این پروژه صرفا جهت سرگرمی بوده و من هم وقت کافی نداشتم که کد ها رو به خوبی مرتب کنم؛ پس ایرادی به کد ها نگیرید، دوستان.)

تا یادم نرفته، اینو هم بگم که کد ها رو تو بخش Site بنویسید تا روی همه صفحات اجرا بشه:

در ضمن، سایت ویرگول خیلی هم قشنگ و خوبه؛ من فقط برای خودم شخصی سازیش کردم!

امیدوارم مفید بوده باشه.
اگه دوست داشتید، لایک و کامنت فراموش نشه! :)