افزونه های کاربردی گوگل کروم برای طراحان سایت

معرفی 8 افزونه کاربردی کروم برای طراحان سایت و توسعه دهندگان وب

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


افزونه گوگل کروم Muzli 2

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

لینک نصب افزونه Muzli 2


افزونه کروم WebFont

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


افزونه CSSViewer گوگل کروم

این افزونه برای برنامه نویسان سمت کاربر یا اصطلاحا FrontEnd کاربرد زیادی داره. با کلیک روی این افزونه و قرار دادن موس روی هر بخش از صفحه، استایل های مربوط به اون بخش رو مشاهده خواهید کرد.
لینک نصب افزونه CSSViewer


افزونه کاربردی Full Page Screen Capture

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


افزونه استخراج رنگ Eye Dropper

بارها برای خودم پیش اومده که به کد رنگ خاصی در یک وب سایت نیاز پیدا کنم. تا قبل از آشنایی با این افزونه، راه حلی که پیش میگرفتم این بود که از صفحه یک اسکرین شات تهیه کنم و اون رو به نرم افزار هایی مثل فتوشاپ انتقال بدم و اونجا کد رنگ مورد نیازم رو استخراج کنم! اما با در دسترس داشتن این افزونه، در کمتر از چند ثانیه به کد رنگ هر بخش از سایت دسترسی پیدا می کنم.
لینک نصب افزونه Eye Dropper


افزونه کاربردی Spectrum

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

لینک نصب افزونه Spectrum


اکستنشن Site Palette گوگل کروم

این ابزار یکی از ابزارهای پر کاربرد و مهم برای طراحان رابط کاربری سایت به حساب میاد. با نصب این افزونه میتونید پالت رنگی مورد استفاده در صفحات وب رو استخراج کنید.
لینک نصب افزونه Site Palette


اکستنشن WebPaint برای طراحان

اگر قصد دارید همزمان با مشاهده صفحات وب، تغییراتی همچون رسم اشکال مختلف، خطوط و یا اضافه کردن متن به صفحات رو داشته باشید، نصب این افزونه رو به شما پیشنهاد میدم. همچنین این افزونه به شما این امکان رو میده تا پس از اعمال تغییرات بر روی صفحه، از اون یک اسکرین شات تهیه کنید.
لینک نصب افزونه WebPaint


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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *