احتمالا توسعه دهندگان وب با ابزاري چون Firebug آشنا هستند. با توجه به اين كه اين برنامه تغييرات را در همان لحظه نمايش مي دهد، اشكال زدايي از استايل هاي CSS (CSS styles) را بسيار ساده تر نموده است. برخي مواقع اين ابزارِ توسعه دهنده براي ايجاد استايل هاي اختصاصي CSS و در همه انواعِ سايت ها استفاده مي شوند. اما اگر هدفتان تنها، ساخت استايل هاي اختصاصي خودتان باشد و نيز همه اصطلاحات فني CSS را نمي شناسيد، اين امر چندان به مذاقتان خوش نخواهد آمد. در ادامه آن چه را كه افزونه Stylebot كروم مي تواند انجام دهد شرح داده مي شود.

بعد از اينكه برنامه را نصب كرديد درون نوار آدرستان آيكن “CSS” را مشاهده خواهيد كرد و هنگامي كه روي آن كليك مي كنيد ستوني فرعي در قسمت راست مرورگرتان ظاهر خواهد شد. در اين قسمت شما مي توانيد شروع به انتخاب عناصر درون صفحه براي سفارشي نمودن رنگ و لايه­ي آنها نماييد ضمن اين كه حتي امكان پنهان نمودن عناصر را نيز داريد. همان گونه كه در تصوير بالا مشاهده مي كنيد من كاملا ستون كناري ياهو كه در حالت نرمال در سمت چپ سايت مشاهده مي شود را حذف كرده ام و سپس رنگ تمامي پيوند ها را به سبز تغيير داده ام. در اين جا حالت پيشرفته اي وجود دارد كه مي توانيد علاوه بر استفاده از رابط كاربري واقعي، كدهاي CSS مربوط به خودتان را نيز  بنويسيد.

قسمت برجسته ماجرا اين است كه سفارشي سازيِ شما واقعا ذخيره شده و هر زمان كه مجددا از سايت ديدن مي كنيد باز هم همان تغييرات اِعمال مي شوند. اگر ديگر گزينه هاي انتخابيِ افزونه را مشاهده كنيد مي بينيد كه مي توانيد همه سايتهايي كه قبلا استايل هاي CSS مخصوص به خودشان را ايجاد كرده ايد ببينيد و هم چنين از طريق همان قسمت نسبت به ويرايش يا حذف استايل هايي كه براي هر سايت به طور مجزا ساخته ايد، مي توانيد ‌اقدام نماييد.

علامت “گيلاسي” كه در قسمت بالاي صفحه مشاهده مي كنيد بدان معني­ست كه شما مجبور نيستيد اين شخصي سازي ها را لزوما در تمام كامپيوترهايتان ايجاد كنيد. در اينجا قابليت همگام سازي اي وجود دارد كه براي استفاده ميان همگام سازي بوك مارك هاي محليِ كروم و همگام سازي استايل هايتان مي توانيد آن را فعال كنيد.

صفحه خانگي افزونه Stylebot كروم

دمو ويدئو در يوتيوب

منبع: CyberNetNews