موقعیت شما:
صفحه اصلی » ابزار وب » معرفی ۵ افزونه برای طراحان وب

تبلیغات ویژه

معرفی ۵ افزونه برای طراحان وب

معرفی 5 افزونه برای طراحان وب

افزونه ها یا همان اکستنشن ها ابزار هایی بسیار پر کاربرد برای عموم کاربران می باشند . افزونه های زیادی برای دو مرورگر کروم و فایرفایکس تهیه شده اند که در این بین بسیاری از آنها برای طراحان وب تهیه شده اند و شما به عنوان یک طراح وب نیاز دارید که با برخی از این افزونه ها آشنا شوید .
در ادامه با معرفی ۵ افزونه برای طراحان وب با شما همراه خواهیم بود .

Resolution Test 

افزونه Resolution Test به شما امکان میدهد وب سایت هایی را که طراحی میکنید در رزولوشن های متفاوت تست کنید تا مشکلی نداشته باشند . بعد از نصب این افزونه کافیست روی آیکون آن کلیک کرده و رزولوشن مورد نظر خود را انتخاب کنید و نتیجه را مشاهده نمایید . مرورگر به طور اتوماتیک تغییر سایز داده و نحوه نمایش وب سایت مورد نظر را در رزولوشن انتخاب شده نمایش میدهد . این موضوع بسیار مهم است چرا که همانطور که افراد از مرورگرهای متفاوت برای مشاهده صفحات وب استفاده میکنند ، کامپیوترهای آنان نیز بر روی رزولوشن های مختلف تنظیم شده است .

Firebug lite

این افزونه به توسعه دهندگان وب این امکان را می دهد که element های گوناگون در صفحه از را مورد بررسی قرار دهند و همچنین امکان ویرایش css  و xhtml و البته JavaScript را نیز می دهد. این امکانات باعث جذب خیلی از کاربران به این افزونه شده اند. افزونه  Firebug lite نسخه ی مخصوص کاربران گوگل کروم است بر خلاف Firebug که برای کاربران فایرفاکس تهیه شده است.

MeasureIt!

این افزونه همانطور که از نام آن پیداست ، برای اندازه گیری است . بعد از نصب آن و ظاهر شـدن آیکون این افزونه بالای مرورگر کروم شما ، میتوانید در هر لحظه در هر سایت با یک کلیک ساده بر روی آن هر عنصری را در صفحه از لحاظ طول و عرض اندازه بگیرید . مثلا” گاهی نیاز دارید بدانید طول و عرض یک سایت ، یک لوگوی وب سایت ، یک ستون ، آیکون و … چقدر است . با کلیک بر روی آیکون این افزونه نشانگر ماوس به شکل + در آمده و کافیست ناحیه ای را که می خواهید اندازه گیری کنید با کشیدن یک کادر در محیط آن ، انتخاب کنید . مقدار width و height در کنار آن ظاهر میشود .

META SEO Inspector

ین افزونه به توسعه دهنده وب کمک می کند تا اطلاعات مهمی و مخفی که نیاز دارد را مشاهده نماید. به شما به عنوان توسعه دهنده اجازه می دهد برای بهینه سازی سایت خود ( مفید برای موتور های جستجو) وجود تگ های مهم را مشاهده و تائید نمایید. این افزونه به شما هنگامی که اطلاعات meta tag ها کامل نباشد اخطار می دهد. در تصویر مربوط به این افزونه این اخطار را مشاهده خواهید نمود که به کاربر عدم وجود تگ کلمات کلیدی و تگ توضیحات را اخطار کرده است.

Eye Dropper

افزونه Eye Dropper بسیار شبیه افزونه ColorZilla در فایرفاکس است . به کمک این افزونه میتوانید کد رنگ هایی را که در صفحات وب به کار رفته شده پیدا کنید و در برنامه ویرایش تصویر مثل فتوشاپ از آن رنگ استفاده کنید . کافیست روی این افزونه کلیک کرده و سپس نشانگر را بر روی رنگ مورد نظر ببرید ، رنگ انتخاب شده در گوشه سمت چپ پایین صفحه همراه با کد آن نمایش داده می شود . همچنین این افزونه یک آرشیو از رنگ هایی که شما انتخاب میکنید در خود نگهداری می کند و شما میتوانید همیشه به یک آرشیو رنگ سفارشی که برای خود ساخته اید، دسترسی داشته باشید .

امیدوارم از این افزونه های مفید و کاربردی استفاده کنید.

برچسب ها:
اشتراک گذاری:
بیوگرافی نویسنده :

نظرات:

دیدگاهتان را بنویسید