وبلاگینا

وب‌سایت تبلیغات و آگهی‌های اینترنتی

محلی مناسب برای درج و نمایش تبلیغات، آگهی‌ها و پیام‌های تجاری صاحبان کسب و کار

www.iranadpost.com
7

10+1 افزونه جذاب Google Chrome برای طراحان وب

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

11-useful-chrome-extensions-intro.jpg

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

Stylish

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

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

11-useful-chrome-extensions-01.jpg

CSS Reloader

اگر به طور مداوم مجبورید وبسایت خود را برای مشاهده تغییرات به صورت دستی reload کنید این افزونه برای شما ساخته شده است. CSS Reloader با افزودن گزینه‌ای به منوی اصلی مرورگر، فقط فایل استایل قالب را بروزرسانی می‌کند که می‌تواند تاثیر بسزایی در سرعت روند کار داشته باشد.

11-useful-chrome-extensions-02.jpg

Speed Tracer

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

11-useful-chrome-extensions-03.jpg

Aviary Screen Capture

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

11-useful-chrome-extensions-04.jpg

Refresh Monkey

ابزاری برای بروزرسانی صفحه وب مورد نظر در بازه زمانی تعیین شده می‌باشد که می‌تواند ابزاری مفید برای طراحانی باشد که نیاز دارند هر لحظه تغییرات اعمال شده در وبسایت را مشاهده نمایند. آن هم بدون نیاز به بروزرسانی دستی صفحه وب!

11-useful-chrome-extensions-05.jpg

Check My Links

ابزاری مفید که پس از اجرا، تمامی لینک‌های موجود در وبسایت شما را شناسایی و بررسی کرده و به شما آماری دقیق از تعداد لینک‌های شکسته می‌دهد. همچنین یکی از توانایی‌های این افزونه، امکان Highlight کردن لینک‌های شکسته در صفحات وب است که می‌تواند کمک شایانی به SEO یک سایت بکند.

11-useful-chrome-extensions-06.jpg

Grayscale

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

11-useful-chrome-extensions-07.jpg

Rulers, Guides, Eye Dropper and Color Picker

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

11-useful-chrome-extensions-08.jpg

HTML Validation

یک راه آسان برای بررسی استاندارد بودن کدهای یک وبسایت بر اساس استانداردهای W3.org

11-useful-chrome-extensions-09.jpg

SEO & Website Analysis

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

11-useful-chrome-extensions-10.jpg

Browser Compatibility Detector

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

11-useful-chrome-extensions-11.jpg

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

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

قبل از ارسال نظر:

  • توجه کنید که نظرتان در ارتباط با همین مطلب باشد. در غیر اینصورت می‌توانید از فرم تماس استفاده نمایید.
  • نظراتی که با کلمات کلیدی ثبت شوند، حاوی الفاظ زشت، تبلیغاتی، سیاسی و یا توهین به اشخاص باشند، منتشر نخواهند شد.
  • در فرم نظرات می‌توانید از برخی کدهای ساده HTML استفاده نمایید.
  • اصلا پینگلیش ننویسید!
​​