Y@SiN
10-27-2011, 05:54 PM
همه طراحان وب همیشه به دنبال ابزارهایی هستند که آنها را در طراحی یاری نموده و به عنوان یک تسریع کننده در روند اجرای پروژه همیاری نماید. شاید مهمترین ابزارها را بتوان در دل مرورگرها یافت که با نصب کردن افزونههای متفاوت، کمک شایانی به سرعت پروژه میکنند.
http://weblogina.com/media/images/11-useful-chrome-extensions-intro.jpg در این میان یکی از مرورگرهای محبوب طراحان وب، مرورگر Chrome محصول کمپانی گوگل (http://weblogina.com/tag/%DA%AF%D9%88%DA%AF%D9%84) است که توانسته جایگاه خاصی در میان همهی کسانی که با اینترنت سر و کار دارند پیدا کند. این مرورگر برای طراحان وب نیز یکی از اولین گزینههاست. در این مطلب قصد داریم 10 افزونه جذاب و کاربردی این مرورگر (http://weblogina.com/tag/%D9%85%D8%B1%D9%88%D8%B1%DA%AF%D8%B1) برای طراحان وب را به شما معرفی نماییم.
Stylish (https://chrome.google.com/webstore/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
آیا دوست دارید وبسایتهای دلخواهتان را با استایلهای اختصاصی خودتان تماشا کنید؟ به عنوان مثال وبسایت یوتیوب را با زمینه خاکستری یا آبی ببینید! یا صفحه نخست گوگل را مشکی کنید! این افزونه برای همین کار ساخته و پرداخته شده است.
افزونه stylish به راحتی امکان مدیریت استایلهای متفاوت برای وبسایتهای گوناگون را به شما میدهد. شما همچنین میتوانید از استایلهای نوشته شده توسط کاربران دیگر نیز استفاده کرده و برای وبسایتهای مختلف قالبهای متنوع برگزینید.
http://weblogina.com/media/images/11-useful-chrome-extensions-01.jpg CSS Reloader (https://chrome.google.com/webstore/detail/dnfpcpfijpdhabaoieccoclghgplmpbd?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
اگر به طور مداوم مجبورید وبسایت خود را برای مشاهده تغییرات به صورت دستی reload کنید این افزونه برای شما ساخته شده است. CSS Reloader با افزودن گزینهای به منوی اصلی مرورگر، فقط فایل استایل قالب را بروزرسانی میکند که میتواند تاثیر بسزایی در سرعت روند کار داشته باشد.
http://weblogina.com/media/images/11-useful-chrome-extensions-02.jpg Speed Tracer (https://chrome.google.com/webstore/detail/ognampngfcbddbfemdapefohjiobgbdl?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
این افزونه به شما کمک میکند اطلاعات مفیدی در رابطه با سرعت اجرای صفحات وب یا اپلیکیشنهای ساخته شده تحت وب بدست آورید. از ویژگیهای این افزونه میتوان به دقت بالا و محیط کاربر پسند آن اشاره کرد. این افزونه کمک بسزایی برای طراحان اپلیکیشنهای تحت وب به حساب میآید.
http://weblogina.com/media/images/11-useful-chrome-extensions-03.jpg Aviary Screen Capture (https://chrome.google.com/webstore/detail/ncgcgghbabbopfcpgcjpfffdgnbadegf?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
ابزار کوچکی برای گرفتن Screenshot از صفحه وب در حال اجرا میباشد که امکانات آنلاین خوبی برای ویرایش تصویر گرفته شده در اختیار کاربر قرار میدهد. امکانانی از قبیل برش تصویر، چرخش، اعمال افکتهای ابتدایی و ...
http://weblogina.com/media/images/11-useful-chrome-extensions-04.jpg Refresh Monkey (https://chrome.google.com/webstore/detail/ljngnafhejmefmijjoedbclkadhacebd?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
ابزاری برای بروزرسانی صفحه وب مورد نظر در بازه زمانی تعیین شده میباشد که میتواند ابزاری مفید برای طراحانی باشد که نیاز دارند هر لحظه تغییرات اعمال شده در وبسایت را مشاهده نمایند. آن هم بدون نیاز به بروزرسانی دستی صفحه وب!
http://weblogina.com/media/images/11-useful-chrome-extensions-05.jpg Check My Links (https://chrome.google.com/webstore/detail/ojkcdipcgfaekbeaelaapakgnjflfglf?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
ابزاری مفید که پس از اجرا، تمامی لینکهای موجود در وبسایت شما را شناسایی و بررسی کرده و به شما آماری دقیق از تعداد لینکهای شکسته میدهد. همچنین یکی از تواناییهای این افزونه، امکان Highlight کردن لینکهای شکسته در صفحات وب است که میتواند کمک شایانی به SEO یک سایت بکند.
http://weblogina.com/media/images/11-useful-chrome-extensions-06.jpg Grayscale (https://chrome.google.com/webstore/detail/oohjdnkmhbhakoafjjgljpifbfjdclna?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
افزونهای منحصر به فرد که قادر است کل صفحه وب در حال اجرا را به صورت سیاه و سفید به شما نمایش دهد. این افزونه زمانی به کار میرود که بخواهید اشکالات موجود در رنگبندی وبسایت را از لحاظ میزان کنتراست رنگها و ... شناسایی کنید. همچنین توسط این افزونه میتوانید میزان تفکیک رنگها را برای افرادی که از مشکل کوررنگی رنج میبرند نیز شناسایی کنید.
http://weblogina.com/media/images/11-useful-chrome-extensions-07.jpg Rulers, Guides, Eye Dropper and Color Picker (https://chrome.google.com/webstore/detail/bjpngjgkahhflejneemihpbnfdoafoeh?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
ابزاری منحصربفرد که چهار پلاگین قدرتمند را در یک پلاگین به شما عرضه میکند. عنوان به طور کامل واضح است و نیازی به توضیح ندارد که این افزونه چقدر میتواند برای طراحان مفید واقع شود.
http://weblogina.com/media/images/11-useful-chrome-extensions-08.jpg HTML Validation (https://chrome.google.com/webstore/detail/epoepjgkmfbjagiemjadbjdbappjdgjo?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
یک راه آسان برای بررسی استاندارد بودن کدهای یک وبسایت بر اساس استانداردهای W3.org
http://weblogina.com/media/images/11-useful-chrome-extensions-09.jpg SEO & Website Analysis (https://chrome.google.com/webstore/detail/hlngmmdolgbdnnimbmblfhhndibdipaf?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
افزونهای مفید برای بررسی کامل وبسایت از لحاظ میزان قابل فهم بودن برای موتورهای جستجو که اطلاعات مفیدی از وضعیت وبسایت را در اختیار مدیر وبسایت قرار میدهد.
http://weblogina.com/media/images/11-useful-chrome-extensions-10.jpg Browser Compatibility Detector (https://chrome.google.com/webstore/detail/fcillahbnhlpombgccogflhmgocfifma?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
همیشه یکی از مشکلات طراحان وب، سازگاری صفحه وب طراحی شده با مرورگرهای مختلف است که این افزونه برای همین کار ساخته شده است. این افزونه با درک نحوه نمایش کدها توسط مرورگرهای مختلف، به شما کمک میکند تا هرچه راحتتر مشکلات صفحه وب ساخته شده با مرورگر را یافته و آن را برطرف نمایید.
http://weblogina.com/media/images/11-useful-chrome-extensions-11.jpg افزونهی مورد علاقه شما کدام است؟ و اگر افزونههای جالبی میشناسید میتوانید معرفی کنید
http://weblogina.com/media/images/11-useful-chrome-extensions-intro.jpg در این میان یکی از مرورگرهای محبوب طراحان وب، مرورگر Chrome محصول کمپانی گوگل (http://weblogina.com/tag/%DA%AF%D9%88%DA%AF%D9%84) است که توانسته جایگاه خاصی در میان همهی کسانی که با اینترنت سر و کار دارند پیدا کند. این مرورگر برای طراحان وب نیز یکی از اولین گزینههاست. در این مطلب قصد داریم 10 افزونه جذاب و کاربردی این مرورگر (http://weblogina.com/tag/%D9%85%D8%B1%D9%88%D8%B1%DA%AF%D8%B1) برای طراحان وب را به شما معرفی نماییم.
Stylish (https://chrome.google.com/webstore/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
آیا دوست دارید وبسایتهای دلخواهتان را با استایلهای اختصاصی خودتان تماشا کنید؟ به عنوان مثال وبسایت یوتیوب را با زمینه خاکستری یا آبی ببینید! یا صفحه نخست گوگل را مشکی کنید! این افزونه برای همین کار ساخته و پرداخته شده است.
افزونه stylish به راحتی امکان مدیریت استایلهای متفاوت برای وبسایتهای گوناگون را به شما میدهد. شما همچنین میتوانید از استایلهای نوشته شده توسط کاربران دیگر نیز استفاده کرده و برای وبسایتهای مختلف قالبهای متنوع برگزینید.
http://weblogina.com/media/images/11-useful-chrome-extensions-01.jpg CSS Reloader (https://chrome.google.com/webstore/detail/dnfpcpfijpdhabaoieccoclghgplmpbd?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
اگر به طور مداوم مجبورید وبسایت خود را برای مشاهده تغییرات به صورت دستی reload کنید این افزونه برای شما ساخته شده است. CSS Reloader با افزودن گزینهای به منوی اصلی مرورگر، فقط فایل استایل قالب را بروزرسانی میکند که میتواند تاثیر بسزایی در سرعت روند کار داشته باشد.
http://weblogina.com/media/images/11-useful-chrome-extensions-02.jpg Speed Tracer (https://chrome.google.com/webstore/detail/ognampngfcbddbfemdapefohjiobgbdl?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
این افزونه به شما کمک میکند اطلاعات مفیدی در رابطه با سرعت اجرای صفحات وب یا اپلیکیشنهای ساخته شده تحت وب بدست آورید. از ویژگیهای این افزونه میتوان به دقت بالا و محیط کاربر پسند آن اشاره کرد. این افزونه کمک بسزایی برای طراحان اپلیکیشنهای تحت وب به حساب میآید.
http://weblogina.com/media/images/11-useful-chrome-extensions-03.jpg Aviary Screen Capture (https://chrome.google.com/webstore/detail/ncgcgghbabbopfcpgcjpfffdgnbadegf?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
ابزار کوچکی برای گرفتن Screenshot از صفحه وب در حال اجرا میباشد که امکانات آنلاین خوبی برای ویرایش تصویر گرفته شده در اختیار کاربر قرار میدهد. امکانانی از قبیل برش تصویر، چرخش، اعمال افکتهای ابتدایی و ...
http://weblogina.com/media/images/11-useful-chrome-extensions-04.jpg Refresh Monkey (https://chrome.google.com/webstore/detail/ljngnafhejmefmijjoedbclkadhacebd?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
ابزاری برای بروزرسانی صفحه وب مورد نظر در بازه زمانی تعیین شده میباشد که میتواند ابزاری مفید برای طراحانی باشد که نیاز دارند هر لحظه تغییرات اعمال شده در وبسایت را مشاهده نمایند. آن هم بدون نیاز به بروزرسانی دستی صفحه وب!
http://weblogina.com/media/images/11-useful-chrome-extensions-05.jpg Check My Links (https://chrome.google.com/webstore/detail/ojkcdipcgfaekbeaelaapakgnjflfglf?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
ابزاری مفید که پس از اجرا، تمامی لینکهای موجود در وبسایت شما را شناسایی و بررسی کرده و به شما آماری دقیق از تعداد لینکهای شکسته میدهد. همچنین یکی از تواناییهای این افزونه، امکان Highlight کردن لینکهای شکسته در صفحات وب است که میتواند کمک شایانی به SEO یک سایت بکند.
http://weblogina.com/media/images/11-useful-chrome-extensions-06.jpg Grayscale (https://chrome.google.com/webstore/detail/oohjdnkmhbhakoafjjgljpifbfjdclna?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
افزونهای منحصر به فرد که قادر است کل صفحه وب در حال اجرا را به صورت سیاه و سفید به شما نمایش دهد. این افزونه زمانی به کار میرود که بخواهید اشکالات موجود در رنگبندی وبسایت را از لحاظ میزان کنتراست رنگها و ... شناسایی کنید. همچنین توسط این افزونه میتوانید میزان تفکیک رنگها را برای افرادی که از مشکل کوررنگی رنج میبرند نیز شناسایی کنید.
http://weblogina.com/media/images/11-useful-chrome-extensions-07.jpg Rulers, Guides, Eye Dropper and Color Picker (https://chrome.google.com/webstore/detail/bjpngjgkahhflejneemihpbnfdoafoeh?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
ابزاری منحصربفرد که چهار پلاگین قدرتمند را در یک پلاگین به شما عرضه میکند. عنوان به طور کامل واضح است و نیازی به توضیح ندارد که این افزونه چقدر میتواند برای طراحان مفید واقع شود.
http://weblogina.com/media/images/11-useful-chrome-extensions-08.jpg HTML Validation (https://chrome.google.com/webstore/detail/epoepjgkmfbjagiemjadbjdbappjdgjo?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
یک راه آسان برای بررسی استاندارد بودن کدهای یک وبسایت بر اساس استانداردهای W3.org
http://weblogina.com/media/images/11-useful-chrome-extensions-09.jpg SEO & Website Analysis (https://chrome.google.com/webstore/detail/hlngmmdolgbdnnimbmblfhhndibdipaf?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
افزونهای مفید برای بررسی کامل وبسایت از لحاظ میزان قابل فهم بودن برای موتورهای جستجو که اطلاعات مفیدی از وضعیت وبسایت را در اختیار مدیر وبسایت قرار میدهد.
http://weblogina.com/media/images/11-useful-chrome-extensions-10.jpg Browser Compatibility Detector (https://chrome.google.com/webstore/detail/fcillahbnhlpombgccogflhmgocfifma?hl=en-US&hc=search&hcp=ext) http://weblogina.com/theme/css/extlink.gif
همیشه یکی از مشکلات طراحان وب، سازگاری صفحه وب طراحی شده با مرورگرهای مختلف است که این افزونه برای همین کار ساخته شده است. این افزونه با درک نحوه نمایش کدها توسط مرورگرهای مختلف، به شما کمک میکند تا هرچه راحتتر مشکلات صفحه وب ساخته شده با مرورگر را یافته و آن را برطرف نمایید.
http://weblogina.com/media/images/11-useful-chrome-extensions-11.jpg افزونهی مورد علاقه شما کدام است؟ و اگر افزونههای جالبی میشناسید میتوانید معرفی کنید