5 افزونه مفید کروم برای طراحان و برنامه نویسان

0-4UXGnsR9GpxyYQna

همانطور که می دانید مرورگر گوگل کروم پراستفاده ترین مرورگر نزد کاربران وب محسوب می شود. شاید بتوان سرعت بالای این مرورگر در بارگذاری صفحات و رابط کاربری مناسب که در کنار امکانات و تنظیمات پیشرفته و سینک (همگام سازی) عالی با گوشی های هوشمند که یک تجربه کاربری دلنشین را برای مخاطبانش به ارمغان آورده است را مهم ترین دلیل محبوبیت این مرورگر دانست. اما همه چیز به اینجا ختم نمی شود! مرورگر کروم بیش از هر مرورگر دیگری از افزونه ها و به اصطلاح خودش اکستنشن های مختلف پشتیبانی می کند که این مورد نیز بدون شک از دلایل محبوبیت آن به ویژه نزد کاربران حرفه ای محسوب می شود.

از طرفی دیگر واضح است که طراحان و برنامه نویسان امکاناتی فراتر از کاربران معمولی را از یک مروگر انتظار دارند. بنابراین در این زمینه تنها می توان مرورگر فایرفاکس از شرکت موزیلا را رقیبی سر سخت برای گوگل کروم در نظر گرفت.

با توجه به نظرسنجی های مختلف، سینک بهتر و پشتیبانی از افزونه های بیشتر از مهم ترین دلایلی است که کاربران مرورگر شرکت گوگل را برای استفاده روزمره ترجیح می دهند.

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

1- از تمامی وب سایت اسکرین شات بگیرید

افزونه Full Page Screen Capture در گوگل کروم

اگر در حال ریدیزاین وب سایت یک کارفرما باشید و یا به یک لندینگ پیج زیبا برخورد کرده اید که می خواهید آنرا ذخیره کنید احتمالا گرفتن یک اسکریت شات از تمامی صفحه گزینه ای مناسب برای شما باشد. در این زمینه استفاده از افزونه Full Page Screen Capture را به شما پیشنهاد می کنیم. پس از نصب، آیکون این افزونه در نوار ابزار مروگر شما نمایان می شود و در هر صفحه ای که باشید با کلیک روی آن می توانید تمامی صفحه را در قاب یک تصویر ذخیره کنید!

2- ریسپانسیو بودن وب سایت را چک کنید

افزونه Screen Resizer برای گوگل کروم

حتما می دانید که بیش از نصف کاربران دنیا برای مرورگری وب از تلفن های هوشمند و تبلت ها استفاده می کنند. بنابراین دلیلی ندارد از اهمیت بالای ریسپانسیو بودن صفحات نزد طراحان و برنامه نویسان سخن بگوییم. در این زمینه افزونه Screen Resizer به کمک شما آمده است تا بتوانید با سرعت بسیار بالایی بین رزولوشن های مختلف سویچ کنید و واکنشگرایی صفحه مورد نظر خود را با آن رزولوشن مشاهده کنید.

3- نام فونت مورد استفاده در سایت را بفهمید

افزونه WhatFont برای مرورگر کروم

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

4- HTML و CSS را کپی کنید

افزونه SnappySnippet ویژه مرورگر گوگل کروم

اگر تا به حال به وب سایتی برخورد کرده باشید که بخواهید کدهای مربط با قسمتی از آنرا کپی کنید، حتما متوجه شده اید که تنها می توان کدهای HTML آنرا کپی کرد و برای کپی کدهای CSS که با آن قسمت مرتبط باشند، باید مراحل سختی را بگذرانید. اما CSSscan به شما این اجازه را می دهد در هر قسمت از وب سایت کدهای HTML و CSS را همزمان ذخیره کنید و هر وقت که دوست داشتید مجددا به آن دسترسی داشته باشید.

5- از جدیدترین ها با خبر باشید

افزونه ProductHunt در مرورگر گوگل کروم

ProductHunt یک وب سایت فوق العاده است که جدیدترین محصولات عرصه ی تکنولوژی یعنی وب سایت ها و اپلیکیشن ها را جهت بررسی و نقد پیش روی کاربران قرار می دهد. به عبارتی دیگر در این وب سایت می توانید جدیدترین ترندها را مشاهده کنید و حتی درباره آنها بحث و گفت و گو کنید. حتی اگر حوصله مشاهده و اسکرول همه آنها را نداشته باشید، می توانید تنها مهم ترین ها را بر اساس روز، هفته و یا ماه مشاهده کنید. البته علاوه بر نسخه رسمی، یک نسخه شخصی سازی شده نیز وجود دارد که می توانید از این لینک آنرا دریافت کنید. در این نسخه، حالت شب یا همان مد تاریک به افزونه اضافه شده است.

جمع بندی

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


منبع: سایت UX Planet

نویسنده شوید

دیدگاه‌های شما (1 دیدگاه)

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای مقاله پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

جواد
13 بهمن 1398
عالی خیلی حال کردم

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای مقاله پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.