9 افزونه كاربردي كروم براي طراحان و برنامه نويسان وب

مرورگر كروم يكي از محبوب ترين و پر استفاده ترين مرورگرهايي است كه امروزه استفاده مي شود. اين مرورگر تعداد بسيار زيادي افزونه دارد كه به طراحان و توسعه دهندگان وب كمك ميكند كارهاي خود را در كمترين زمان ممكن انجام دهند و از اين طريق كارايي خود را بالا ببرند.

در اين پست 9 اكستنشن كروم كه زندگي را براي توسعه دهندگان وب آسان مي كند، معرفي مي كنيم. اين افزونه ها همگي تست شده اند و از لحاظ كارايي و رابط گرافيكي جزء بهترين ها هستند.

1. whatFont

افزونه WhatFont ساده ترين راه براي شناسايي فونت هاي استفاده شده در صفحات وب است. اين افزونه نه تنها نوع فونت، بلكه اندازه، وزن و رنگ دقيق فونت را هم مشخص مي كند. اگر شما هم جزء كساني هستيد كه از صفحات مختلف وب بازديد مي كنيد و از آن ها براي ايده گرفتن در كار خودتان استفاده مي كنيد، اين اكستنشن را حتما نصب كنيد.

1. whatRuns

افزونه whatRuns يك افزونه قدرتمند است كه تمام ابزار و تكنولوژي هاي استفاده شده در يك صفحه وب را براي شما مشخص مي كند. اين ابزار و تكنولوژي ها شامل همه چيز از فريمورك استفاده شده، تكنولوژي وب، سيستم مديريت محتوا، قالب و فونت ها است. اين اكستنشن انقدر قدرتمند است كه حتي زمان شروع و پايان استفاده از يك ابزار خاص را هم اعلام مي كند.

1. window resizer

اگر در حال طراحي يك صفحه واكنش گرا (responsive) هستيد، افزونه window resizer يكي از بهترين افزونه هايي است كه به شما كمك ميكند سايز صفحه خود را به ابعاد مختلف مانند ابعاد موبايل، تبلت، نمايشگر كامپيوتر و... تغيير دهيد و سپس طراحي خود در اين سايزها را تست كنيد. اين افزونه همچنين قابليت آن را دارد كه ابعاد دلخواه شما را براي كل پنجره يا بخشي از آن تنظيم كند.

1. CSS viewer

توانايي مشاهده كدهاي CSS هر المان دلخواه در هر سايتي كه مدنظر داريد، از قابليت هاي اين افزونه قدرتمند و كاربردي است. تنها كافي است المان مدنظر خود را انتخاب كنيد تا پنجره اي از كدهاي CSS براي شما نمايش داده شود.

1. full stack optimization live test

اين افزونه به شما اجازه مي دهد به راحتي تمام صفحات وبي را كه مدنظر داريد، بر اساس ويژگي هاي از پيش تعيين شده مثل seo يا web performance تست كنيد. شما مي توانيد با استفاده از افزونه full stack optimization live test يك بازخورد نمايشي از صفحاتتان داشته باشيد و متوجه شويد از ابتداي لود صفحه تا انتهاي كار، در سايتتان چه اتفاقاتي مي افتد.

1. colorZilla

افزونه colorZilla يك افزونه ساده اما بسيار كاربردي است كه دقيقا هر آنچه ادعا ميكند را به راحت ترين شكل ممكن انجام ميدهد. با استفاده از قطره چكان و ابزار انتخاب رنگ، شما مي توانيد كد رنگي هر جزئي از تصوير را به دست بياوريد و آن را در ساير نرم افزارها مانند فتوشاپ، ايلوستريتور و... استفاده كنيد. اين ابزار همچنين قابليت توليد گراديانت CSS و آناليز رنگ صفحات وب را فراهم مي كند.

1. lorem ipsum generator

افزونه توليد متن آزمايشي لورم ايپسوم يك راه آسان و موثر توليد متن هاي پيش فرض براي قرار دادن در قسمت هايي از سايت است كه به متن نياز دارند. هر جمله به طور تصادفي توليد مي شود تا نمونه اي از متن واقعي را بهتر نمايش دهد.

1. page ruler

افزونه page ruler مانند يك خط كش در دنياي وب عمل مي كند و طول، عرض و موقعيت (بالا، پايين، چپ و راست) هر المان دلخواه از صفحه را اندازه گيري مي كند. شما همچنين مي توانيد لبه هاي خط كش را بكشيد و آن را تغيير سايز دهيد.

1. web developer checklist

يكي از ابزارهاي بسيار مفيد براي برنامه نويسان و توسعه دهندگان، افزونه web developer است كه سايت شما را در مواردي مانند seo ، قابليت دسترسي، كارايي و... بررسي مي كند. اين افزونه به شما كمك مي كند نقاط مشكل ساز سايت خود را شناسايي كنيد و آن را اصلاح يا بهينه كنيد.