مترجم: حورا وکیلی
هر روز بر محبوبیت مرورگر کروم (Chrome) افزوده میشود و در این میان طراحان وب همواره جز اولین گروههایی هستند که از چنین فناوریهای جدیدی استقبال میکنند. اما این گروه پیشرو نیز بدون وجود ابزارها و بسترههای لازم، ابزار کار یعنی همان مرورگرشان را تغییر نخواهند داد.
کروم پس از عرضه افزونههایش محبوبیت بیشتری در میان طراحان وب و برنامهنویسان پیدا کرد. با این حال تا زمانی که تجربه کار با آن کسب نشود، قابلیتهای واقعی آن نیز آشکار نخواهد شد.
به همین منظور با استناد به نظرات و پیشنهادها صاحبنظران حوزه طراحی، به معرفی شش افزونه برتر مرورگر کروم در مبحث طراحی وب میپردازیم:
1. فایرباگ لایت (Firebug Lite)
این افزونه از طرف اکثر طراحان وب به دلیل قابلیتهای منحصربهفرد و البته آشنای آن توصیه میشود. گریس اسمیت (Grace Smith) طراح و برنامهنویس وب آن را به این طریق توصیف میکند: «فایرباگ لایت به شما اجازه میدهد تا کدهای HTML، CSS و جاوااسکریپت خود در هر صفحهای را به صورت آنی بازبینی کنید. همچنین میتوانید بهراحتی دستورات نوشته شده را تصحیح و در همان لحظه تغییرات را مشاهده کنید.»
فایرباگ در اصل افزونهای برای فایرفاکس بوده و نسخه کروم آن دیرتر عرضه شده است. اگرچه قابلیتهای این افزونه در کروم به پای نسخه فایرفاکس آن نمیرسد، اما میتوان بسیاری از عملیات بنیادین در امر طراحی و آزمون کد وب را به کمک آن انجام داد.
2
. اسپید تریسر (Speed Tracer)
این افزونه نشان میدهد که برنامههای کاربردی وب شما چه زمانی را صرف کارهای متفاوت میکنند. با استفاده از این اطلاعات میتوانید اقدام به بهینهسازی کد خود کرده و سرعت کارتان را بالا ببرید.
تنها مشکل عمده این افزونه پیچیدگی و سنگینی آن است. کریس پدریک (Chris Pederick) سازنده نوار ابزارهای وب در ارتباط با این موضوع میگوید: «در ابتدا کار با این افزونه را بسیار سخت و طاقتفرسا خواهید یافتید به طوری که من هنوز هم در حال یادگیری چگونگی استفاده از آن هستم، اما در درازمدت به یکی از بهترین ابزارهای توسعه وب برای شما تبدیل خواهد شد.»
3. پیکسلر گربر (pixlr Grabber)
شما میتوانید با این افزونه هر قسمتی از صفحه نمایش، فضاهای تعریف شده یا کل صفحه وب را انتخاب کرده و یک خروجی تصویر از آن بگیرید. همچنین میتوانید این تصاویر را با سرویس برخط خود پیکسلر به اشتراک گذاشته یا با استفاده از ابزار ویرایشی پیکسلر کارهای ابتدایی ویرایش را روی آنها انجام دهید. در واقع این افزونه ابزاری مناسب برای تحلیل کار شخصی یا نشان دادن نمونه کار دیگران به گروهی از همکاران یا علاقهمندان است.
از مشخصههای این افزونه طراحی نظاممند و کاملا مرتب ابزارهای آن است، اما در واقع خصیصه اصلی آن سرعت بارگذاریش است. جاد لیمکاکو (Jad Limcaco) طراح ویرایشگرهای خبری میگوید: «این افزونه بسیار کار آمد و مفید است به ویژه در زمانی که به تصویری از صفحه نمایش نیاز فوری و مبرمی داشته باشید.»
4. آی دراپر (Eye Dropper)
با آیدراپر شما میتوانید بهراحتی هر رنگی را از وبسایت مورد مشاهدهتان انتخاب کنید. این افزونه همچنین شامل ابزاری برای انتخاب رنگ است که توانایی نمایش کد رنگ را به فرمتهای مختلف فراهم میآورد
اسمیت از این افزونه به عنوان سادهترین قطرهچکان رنگ نام میبرد که به شما امکان میدهد رنگ هر قسمت از صفحه وبتان را شناسایی کنید.
5. نوار ابزار طراح وب (Web Developer toolbar)
این افزونه در اصل یکی از چند افزونه رایج در فایرفاکس است که هماکنون میتوانید از آن در کروم نیز استفاده کنید. این افزونه میتواند صدها عملیات مختلف با CSS، HTML، فرمها و تصاویر انجام دهد. تنها کافی است که مانند تصویر با فشردن دکمهای که در گوشه بالا سمت راست مرورگرتان به نمایش در آمده، تمام گزینههای موجود را ببینید. در واقع این افزونه یک ابزار همه کاره برای طراحان وب محسوب میشود که به آنان امکان میدهد علاوه بر مشاهده CSS، سبکهای CSS طراحی شده را غیرفعال کرده یا به شکل دلخواه در آورند.
کریس پدریک خالق این افزونه در فایرفاکس بوده و هماکنون بر نسخه کروم آن کار میکند. او میگوید: «با این که این ابزار در اول راه است ولی میتواند شروع خوبی برای ارتقای مشخصههای آن در کروم نسبت به فایرفاکس باشد.» او تاکید میکند که هماکنون در حال کار کردن بر روی نسخه بعدی این افزونه است که شامل ویرایشگر CSS هم میشود.
6. پندول (Pendule)
پندول صفحه کنترل بازشونده (pop-up) مناسب برای طراحان وب است که مانند نوار ابزار طراحان وب (Web Developer Toolbar) میتواند مجموعهای کامل از ابزارهای مورد نیاز طراحان را در اختیارشان قرار دهد. با کمک این افزونه میتوانید CSS و جاوا اسکریپتها را بازخوانی یا غیرفعال کرده و همین طور عکسها را پنهان کنید. میتوان پندول را «ابزاری بسیار قوی» دانست که تقریبا به شما اجازه انجام هر عملیاتی بر روی صفحه طراحی شده را میدهد و به نوعی تمام افزونههای دیگر معرفی شده در این مقاله جزیی از ابزارهای این افزونه به شمار آورد.
| < قبلی | بعدی > |
|---|