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

جمعه 15 اسفند 1399

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

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

به نام خدا

 

در این مقاله قصد داریم که شمارا با 10 اکستنشن (افزونه) کاربردی قابل نصب در مرورگر کروم برای طراحان وب ، آشنا کنیم.

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

 

 

1.Web Developer

این افزونه جهت اعمال تغییرات ، مشاهده و... کدهای استایل صفحه و همچنین مدیریت و کار با فرم ها ، کوکی ها ، تصاویر

و.... است.  (مشاهده)

 

 

2.Css Viewer

این افزونه قدرتمند به شما این امکان را میدهد که استایل هر المان ، (نام فونت متون،استایل عناصر،رنگ ها و....) را مشاهده کنید

و حتی از آن ها استفاده کنید.

به کمک این افزونه میتوانید استایل های حرفه ای در یک صفحه را درک کنید. (مشاهده)

 

 

3.ColorZilla

به کمک این افزونه شما خواهید توانست که کد رنگ های موجود در یک صفحه وب را بدست آورید و حتی

این افزونه دارای یک color picker قدرتمند است. همچنین وبسایت خود این اکستنشن دارای یک سیستم Css gradient generator میباشد.

 (مشاهده)

 

 

4.What Font

شاید برای شما هم پیش آمده باشد که هنگام مشاهده یک وبسایت از فونت متون آن صفحه خوشتان آمده باشد و یا اینکه میخواهید بدانید

نام فونت بکار رفته در آن صفحه چیست. این افزونه به شما این امکان را میدهد که نام فونت های متون موجود در یک صفحه را بیابید

(مشاهده)

 

 

5.Page Edit

این افزونه به شما این امکان را میدهد که صفحه خود را بصورت داینامیک ویرایش کنید.

برای مثال : نوشتن متن ، Bold ، راست چین و..... . (مشاهده)

 

 

6.Bootlint This Page

با این افزونه شما میتوانید تمام خطاهای موجود در یک صفحه وب که توسط BootStrap ایجاد شده را

ببینید (مشاهده

 

 

7.Page Ruler

این افزونه یک خط کش به صفحه شما اضافه میکند که شما میتوانید بصورت دقیق و پیکسلی بر روی

موقعیت عناصر و... کار کنید. (مشاهده)

 

 

8.Fontface Ninja

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

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

 

 

9.Responsive Web Design Tester

این افزونه در جهت تست ریسپانسیو (واکنشگرا) بودن وبسایت و مدیریت آن است. (مشاهده)

 

 

10.Css3 Generator

با این افزونه شما قادر خواهید بود که کدهای css تولید کنید (بدون استفاده از کدنویسی)

(مشاهده)

 

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

 

 

alireza m

نویسنده 7 مقاله در برنامه نویسان

کاربرانی که از نویسنده این مقاله تشکر کرده اند

در صورتی که در رابطه با این مقاله سوالی دارید، در تاپیک های انجمن مطرح کنید

نظرات کاربران

برای درج نظر باید وارد سایت شوید