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

در این مقاله 8 افزونه کاربردی گوگل کروم را به شما معرفی کرده‌ایم. به کمک این افزونه ها می‌توانید تا حد چشم‌گیری بهره‌وری خود را افزایش دهید.


892 بازدید | 0 دیدگاه

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

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

 

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

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

 

2. افزونه کروم WebFont

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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


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

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


برچسب ها:

دیدگاه های کاربران

هیچ دیدگاهی ثبت نشده است! اولین دیدگاه را شما ثبت کنید.

دیدگاه خود را ارسال کنید

نظر خود را برای این مطلب ارسال کنید. نشانی ایمیل شما منتشر نخواهد شد.