پردو وب
pordo

معرفی ابزار: web developer

تعداد بازدید: 985

معرفی ابزار: web developer

در هر زمینه ای که نگاه کنید، بهترین طراحان از بهترین ابزار برای خلق یک اثر استفاده می کنند. در دنیای وب هم ابزارهایی این چنینی وجود دارد و استفاده از آنها نه تنها باعث سهولت و سرعت بخشیدن به طراحی می شود، بلکه باعث می شود کیفیت کار نهایی نیز به مراتب بالا رود.

ابزارهای مورد استفاده در طراحی وب سایت

یکی از این ابزارها افزونه ای به نام web developer برای مرورگر محبوب فایرفاکس است که در این مقاله به معرفی آن می پردازیم.

با استفاده از این ابزار شما می توانید:

  • برخی از عناصر به کار رفته در وب سایت مانند javascript ،css، cookie، فرمها، تصاویر و … را غیر فعال نمایید و مشاهده کنید وب سایت بدون این عناصر به چه شکل خواهد شد.
  • به یک سری اطلاعات صفحه وب طراحی شده مانند ترتیب و اندازه div ها، مشاهده class ها و id های اختصاص داده شده به عناصر، مشاهده تمامی رنگ های استفاده شده در وب سایت به همراه کد رنگ آنها، پیدا کردن و نشان دادن id های تکراری و بسیاری اطلاعات مفید و جالب دیگر در طراحی وب سایت دسترسی پیدا کنید.
  • به صورت درجا می توانید کد صفحه وب پیش روی خود را تغییر دهید و در همان لحظه تغییرات را مشاهده کنید.
  • امکان استفاده از ذره بین به مرورگر خود اضافه می کنید.
  • می توانید جا و اندازه بلاک ها را به طور دقیق مشاهده کنید.
  • می توانید کد HTML و CSS را معتبر سازی کنید.
  • در صورتی که وب سایت به صورت واکنش گرا نوشته شده باشد، می توانید در view های مختلف وب سایت خود را مشاهده کنید.
  • یک proxy بر روی مرورگر خود اعمال کنید.
  • ابعاد پنجره را به دلخواه خود تغییر دهید و از ابزار خط کش برای اندازه گیری عناصر استفاده کنید.

و بسیاری امکانات حیاتی مورد نیاز برای مراحل طراحی وب سایت که یک طراح وب به آن نیاز دارد.

ابزارهای مورد استفاده در طراحی وب سایت

این افزونه را برای مرورگر فایرفاکس می توانید از منو tools، قسمت add-ons و جستجو کردن نام web developer پیدا کرده و بر روی مرورگر خود نصب نمایید و یا به این آدرس مراجعه نمایید:

https://addons.mozilla.org/en-US/firefox/addon/web-developer/

 

در مقالات بعد، به معرفی دیگر ابزارهای طراحی وب می پردازیم.

نظر شما برای بهبود کیفیت این بحث چیست؟ چه مطالبی اضافه و کم شود؟