بهترین افزونه‌های مرورگر برای طراحان

بهترین افزونه‌های مرورگر برای طراحان

بدون ديدگاه

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

افزونه‎‌های مرورگر کروم

فکر می‌کنم امروزه کاربران به ندرت از مرورگر پیشفرض ویندوز استفاده می‌کنند. و کاربران بیشتری از مرورگر های کروم و فایر فاکس استفاده می‌کنند. هر مرورگر افزونه‌های مختص خود را دارد و بعضی از افزونه‌های مرورگر نیز بر روی هر دو نیز نصب می‌شوند. افزونه‌های مرورگر برای سهولت در کار برای ما ساخته شده‌اند.

افزونه Eye Dropper

 افزونه Eye Dropper به شما کمک می‌کند تا به راحتی کد یک رنگ که در یک صفحه وب یا عکس وجود دارد را پیدا کنید. این افزونه و کدهای رنگی  RGB و HSL را نیز در اختیار شما قرار می‌دهد. در کنار تمامی این‌ها اسم رنگ را نیز تشخیص می‌دهد. فقط کافیست تا شما بر روی دکمه Pick Color From Web Page کلیک کنید تا با بردن موس به هر سمت رنگ را در اختیار شما قرار دهد. ویژگی دیگر این افزونه این است که رنگ‌هایی را که از قبل انتخاب کرده‌اید را در خود نگه می‌دارد تا اگر بعدا بخواهید از آن استفاده کنید رنگ موردنظر را در اختیار شما قرار دهد (با خروج و ورود دوباره به مرورگر پالت‌های رنگی قبلی پاک نمی‌شوند).

افزونه Visual Inspector

یک افزونه بسیار قدرتمند است که علاوه بر طراحان، برای افرادی که برنامه نویسی وب انجام می‌دهند نیز بسیار کاربردی است. با استفاده از این افزونه می‌توانید بعد از انتخاب کردن بخشی از سایت رنگ آن قسمت را عوض کنید و یا می‌توانید یک گرادینت به آن بدهید. علاوه بر این کد بخش انتخابی شما را نیز در اختیار شما قرار می‌دهد و اگر در حوزه UI & UX فعالیت می‌کنید این افزونه فوق العاده است فقط امتحان کنید. در کنار این مزایا پالت رنگی صفحه‌ای که در آن قرار دارید را نیز برای شما نشان می‌دهد. فونت‌های به کار رفته در آن پیج را نیز نشان می‌دهد. شاید اگر بگویم می‌توانید با استفاده از آن تمامی آیکون‌ها و عکس‌های سایت را ببیند تعجب می‌کنید ولی باید بگویم از این مسئله هم پشتیبانی می‌کند. یک مسئله ای ک باعث شد من از این افزونه را خیلی دوست داشته باشم. این است که فاصله اجزائی که انتخاب می‌کنید را تا گوشه های باکس مشخص می‌کند و برای کسانی که می‌خواهند با متریال‌های ui سایت آشنا شوند این افزونه پیشنهاد می‌شود.

افزونه Font Finder

این افزونه یکی از بهترین افزونه‌ها برای پیدا کردن مشخصات فونت (سایز، رنگ و…) است. برای استفاده از این افزونه کافیست متن را انتخاب کنید و چند لحضه صبر کنید تا مشخصات کامل آن را نشان دهد.

افزونه Light Shot

این افزونه برای کسانی که تولید محتوا انجام می‌دهند فوق العاده است. با استفاده از این افزونه می‌توانید از تمام صفحه نمایش یا بخشی از آن عکس بردارید و اگر خواستید می‌توانید از چند ابزار مفید در اختیار شما از جمله اینکه می‌توانید تکست را به عکسی که از صفحه مرورگر گرفته‌اید اضافه کنید و یا می‌توانید از ابزارهایی که برای انتخاب کردن محیط است استفاده کنید در کنار این فواید می‌توانید ار آن بخش کپی بگیرید و یا می‌توانید آن را به صورت PNG دانلود کنید. (برای مرورگر فایرفاکس هم قابل نصب است)

افزونه Image Downloader

این افزونه برای کسانی که تولید محتوا انجام می‌دهند فوق العاده است. با استفاده از این افزونه می‌توانید تمام عکس‌هایی که در یک صفحه وب وجود دارد را هم به صورت تکی و هم به صورت یک جا دانلود کنید.

افزونه Window Resizer

این افزونه برای کسانی که طراحی UI انجام  می‌دهند فوق العاده است و ریسپانسیو (واکنش پذیری UI سایت نسبت به تغییر اندازه دستگاه کاربران) یک سایت را می‌توانید تست کنید و در اندازه‌های مختلف می‌توانید یک سایت را مشاهده کنید و از صحت ریسپانسیو بودن سایت اطمینان پیدا کنید.

افزونه‎‌های مرورگر فایرفاکس

همانطور که می‌دانید مرورگر فایر فاکس هم جزو مرورگر‌هایی است که در میان افراد بسیاری محبوب است و این محبوبیت فکر می‌کنم بیشتر به خاطر کمتر درگیر کردن رم سیستم باشد و شاید سرعت بیشتری نیز نسبت به کروم داشته باشد. ما در ادامه به چند افزونه که ممکن است برای شما مفید باشد اشاره می‌کنیم.

افزونه Awesome Screenshot & Screen Recorder

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

افزونه ColorZilla

با استفاده از این افزونه به راحتی می‌توانید رنگ‌هایی که در طراحی سایت به کار رفته است را پیدا کنید و اگر مایل بودید از آن رنگ‌ها در طرحتان استفاده کنید. این افزونه به دو صورت RGB و Hex کد رنگی را در اختیار شما قرار می‌دهد. (برای مرورگر کروم نیز قایل استفاده است)

افزونه Reverse Image Search

این افزونه فوق العاده است. شاید برای شما هم پیش آمده باشد که از یک عکس خوشتان بیاید ولی به دلایل مختلفی نتوانید آن را دانلود کنید و به دنبال عکس‌های مشابه آن هستید. با استفاده از این افزونه به راحتی می‌توانید با کلیک راست کردن بر روی یک عکس، و زندن دکمه Reverse Image Search عکس های مشابه آن را در گوگل پیدا کنید. و یا با انتخاب کردن گزینه TinEye به سایتی با همین نام وصل می‌شوید و می‌توانید عکس‌هایی را که دانلود کرده‌اید را آپلود کنید تا عکس‌های مشابه آن را پیدا کنید و یا لینک آن عکس را جستجو کنید تا عکس‌های مشابه آن را بیابید.(برای مرورگر کروم نیز قایل استفاده است)

افزونه Video DownloadHelper

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

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

Pick color from web page

نوشتن دیدگاه

نشانی ایمیل شما منتشر نخواهد شد.