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 ، قابليت دسترسي، کارايي و. بررسي مي کند. اين افزونه به شما کمک مي کند نقاط مشکل ساز سايت خود را شناسايي کنيد و آن را اصلاح يا بهينه کنيد.

12 کتاب و مرجع آنلاين براي برنامه نويسان در سال 2021 - قسمت

به عنوان يک برنامه نويس بايد کدام مهارت هاي نرم (soft skill) خود

پايتون بهتر است يا R ؟ کدام زبان برنامه نويسي براي ورود به دنياي

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