پلاگین MeasureIt برای اندازه گیری عناصر مختلف در طراحی سایت

پلاگین MeasureIt برای اندازه گیری عناصر مختلف در طراحی سایت

اندازه گیری عناصر مختلف در مروگرهای کروم و فایرفاکس

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

 

اندازه گیری عناصر مختلف در مرورگرهای کروم و فایرفاکس

برای اندازه گیری عناصر مختلف در مرورگرهای کروم و فایرفاکس میتوان از پلاگین (یا اکستنشن) MeasureIt استفاده نمود؛ به این صورت که با نصب این پلاگین یک آیکان جدید به ابزارهای مرورگر اضافه، و با کلیک بر روی آن یک خط کش فعال خواهد شد و با نگه داشتن کلیک چپ ماوس و کشیدن آن در جهت دلخواه میتوان سایز مورد نظر را به PX (پیکسل) اندازه گرفت.

دریافت پلاگین MeasureIt برای کروم

دریافت پلاگین MeasureIt برای فایرفاکس

 

چنانچه این پلاگین بر روی مرورگر کروم به شکل صحیح عمل نکرد، میتوان از پلاگین Grid Ruler به عنوان جایگزین استفاده نمود:

دریافت پلاگین Grid Ruler برای کروم