۴۰ افزونه گوگل کروم برای طراحان وب
من عاشق گوگل کرومم، سادگیش، سرعت و قابلیت‌هاش بدون شک فوق‌العادست. اما خوب، بعضی وقت‌ها زیاد ساده بودن هم خودش مشکلیه مخصوصا برای ما طراحان وب که به شدت به افزونه‌های فایرفاکس مثل Web Develoer(link is external)وابسته شدیم. خودم شخصا از استفاده کردن از کروم منصرف شدم، چون افزونه‌های مناسبی نداشت. اما اون موقع سال ۲۰۰۸ بود.... اما همه چیز تغییر میکنه. جای تعجب نیست که طراحان دیگه که اون‌ها هم کروم رو دوست داشتن شروع به نوشتن افزونه برای اون کردن. من هم ۴۰تا از این افزونه‌ها که خیلی به درد طراحان وب می‌خوره رو اینجا جمع کردم و اون‌ها رو با شما به اشتراک می‌گذارم. خوب، اینجان، پس اون‌ها رو به کروم اضافه کنید و قدرت طراحی وب خودتون رو حسابی افزایش بدین:
رنگ
ColorPicker(link is external) همینجور که اسمش میگه افزونه‌ایست برای به دست آوردن کد هگز یه رنگ خاص از روی یک صفحه وب. قابلیت جالب دیگه‌ای که داره اینه که یک محدوده رو انتخاب میکنید، و رنگ اون رو با این افزونه تغییر میدین، بدون اینکه حتی به یک خط کد دست بزنید. 
Chrome Pallete(link is external) از شدت خسته کننده بودن پیدا کردن طرح رنگ(Color Scheme) یک عکس سردرد میگیرید؟ پس افزونه‌ی کروم پالت مخصوص شماست، از هر عکس ۶۴ پالت مختلف ایجاد میکنه 
Colour Tweaker(link is external) همون کار Color Picker رو انجام میده اما با یک متد خاص. در فیلد سلکتور(Selector) ، سلکتور مربوطه در بخش CSS قسمتی رو که میخواین رو وارد کنید و بعد به راحتی رنگ متن، زمینه، و حاشیه اون رو تغییر بدین 
تایپوگرافی
Font Editor(link is external) دیگه حدس زدن و یک عالمه از این پنجره به اون پنجره رفتن برای مشاهده تغییرات اعمال شده لازم نیست. این افزونه به شما اجازه میده تغییرات واریانت، ارتفاع، نوع و خانواده، ارتفاع خطوط و .... رو به سادگی اعمال کنید و همان لحظه مشاهده کنید 
Google Font Previewer(link is external) همان‌طور که از اسمش پیداست امکان پیش‌نمایش فونت‌ها رو از فولدر فونت‌های گوگل رو در اختیار شما میگذاره. همچنین میتونید استایل فونت‌ها رو هم تغییر بدین. این تغییرات شامل size,style,weight و shadow میشه. اگه از فونت خاصی خوشتون اومد میتونید میتونید کد CSS اون فونت رو که این افزونه در اختیارتون قرار میده رو در وبسایتتون کپی کنید تا از این فونت استفاده کنید. 
طراحی و توسعه
Web Developer(link is external) مطمئنا افزونه‌ایست که داشتنش برای هر طراح وب لازم و واجبه. از دیدن اسکریپت‌ها گرفته تا نمایش اطلاعات هر شیئ. این افزونه سعی میکنه هرنوع اطلاعاتی رو که از یک وبسایت خاص لازم دارید رو در اختیارتون بگذاره. این افزونه همچنین مجهز به ابزارهای مفیدی مثل color picker, windows resizer, validaor,.... شده. 
Pendule(link is external) یک ابزار سبک مشابه Web Developer اما فقط مجهز به ابزار خاص مثل Style Viewer, Source Viewer و Validator 
Firebug Lite(link is external) با کاری که در فایرفاکس انجام میده متفاوته. یک نوع نمایش ویژوال فایرفاکس-مانند رو در اختیار شما قرار میده. همچنین قابلیت ردیابی المان‌های HTML با موس رو هم دارد. همچنین میتونید به صورت زنده کد CSS مربوط به هر المان رو تغییر بدین و تغییرات رو همون لحظه مشاهده کنید 
Stylebot(link is external) این فابلیت رو به شما میده که بدون دست زدن حتی به یک خط کد، استایل مربوط به هر صفحه رو تغییر بدین که شما رو از مقدار زیادی کد نویسی راحت میکنه. بهترین قابلیتش احتمالا اینه که هر دفعه تغییری در وبسایت ایجاد میکنید میتونه براتون کدهای CSS تولید کنه 
CSSViewer(link is external) از زدن دکمه‌ی 'inspect element' هر دفعه که میخواین کد CSS یک بخش رو ببینید خسته شدین؟ این افزونه کار شما رو با نمایش اطلاعاتی مثل فونت، رنگ، مکان و ... راحت میکنه 
Stylesheet Reloader(link is external) بدون refresh کردن کل وبسایت CSS جدید رو به اون اعمال کنید که در زمان به شدت صرفه‌جویی میکنه مخصوصا برای طراحانی با سرعت اینترنت پایین 
BuiltWith Technology Profiler(link is external) باحال‌ترین قسمت این افزونه اینه که هر نوع تکنولوجی وب به کار رفته رو مثل فریم‌ورک‌ها و استانداردهای وب رو با اطلاعات کامل در مورد جزئیات رو لیست میکنه 
IE Tab Multi(link is external) این افزونه در واقع اینتزنت اکسپلورر شما داخل کروم هست که مقدار زیادی از قابلیت‌های پیش‌فرض اینترنت اکسپلورر رو پشتیبانی میکنه 
Window Resizer(link is external) با این افزونه میتونید سازگاری وضوح(Resolution) صفحه وبسایتتون رو با وضوح استاندارد یا تعریف شده توسط خودتون تست کنید 
HTML Validator(link is external) یکی از بهترین افزونه‌ها در نوع خودش که میتونه به اعتبارسنجی کدهای HTML انلاین یا افلاین(روی localhost) به صورت دستی یا اتوماتیک بپردازه. میتونید نتیجه اعتبارسنجی رو در یک تب جدید یا در همان تب ببینید. 
Sight(link is external) با گزینه‌های فونت و تم متعدد. این افزونه متن کد وبسابت رو به یک حالت راحتتر برای خواندن تبدیل میکنه 
PHP Console(link is external) با باگ‌های PHP روبرو شدین اما نمیدونید کدوم قسمت باعث ایجاد مشکل شده؟ این افزونه با نشان دادن خطاها، استثتاهای رخ داده و پیغام‌های خطایابی شما رو یاری میکنه 
JavaScript API Search(link is external) با داشتن قابلیت AutoComplete امکان جست و جوی توابع و APIهای جاوااسکریپت رو از طریق نوار آدرس به صورت آنلاین در اختیار شما میگذاره. اگر هم مورد جستوجوی شما پیدا نشد به کمک سرویس‌های Google Codesearch, Development and Coding Search و the Mozilla Developer Network search موارد مرتبط رو نمایش میده 
jQuery API Search(link is external) امکان جستوجوی API های jQuery رو از نوار آدرس رو در اختیار شما قرار میده. فقط کافیه در نوار آدرس jq رو با یک فاصله بعد از اون وارد کنید و جستوجوی خودتون رو انجام بدین 
PHP Search(link is external) مانند افزونه‌ی قبلی اما برای PHP 
افزایش کارایی
Stay Focused(link is external) به خودتون قول دادین از وب‌سایت‌هایی که زمان شما رو به هدر میدن دوری کنید اما نتونستین؟ این افزونه به مدت زمان مشخص شده توسط شما این وبسایت‌ها رو بلاک میکنه. و هنگامی که میخواین این افزونه رو غیرفعال کنید یا زمان بلاک بودن وبسایت‌ها رو کاهش بدین به شدت به شما هشدار میده. همچنین مجهز به قابلیت هسته‌ای! هست که به طور جالبی میل شما برای دستیابی به این وبسایت‌ها رو به شیوه‌ی بی‌رحمانه‌ای از بین میبره 
Speed Dial(link is external) قابلیتی مثل مرورگر اپرا که در صفحه‌ی تب جدید بوکمارکهای مورد علاقه رو نشون میده. همچنین میتونید پس زمینه و تم رو هم تغییر بدین 
PopChrom(link is external) به کمک این افزونه میتونید کلید میانبر برای عبارات و متن‌هایی که زیاد مورد استفاده قرار میگیرن تعریف کنید مثل ٬مت برای ٬متشکرم٬ که با زدن کلید فعال‌سازی متن میانبر رو به متن موردنظر تبدیل میکنه 
Quickrr Productivity Kit(link is external) شامل یکسری از ابزار مفید مثل مترجم،ماشین حساب، لیست کارها و .... هست 
Todoist(link is external) بعد از ساختن یک حساب کاربری که به سادگی انجام میشه هرجا که کروم با این افزونه وجود داشته باشه میتونید به لیست کارهاتون دسترسی داشته باشین 
Ananke Timer(link is external) مدت زمانی رو که روی یک کار خاص یا یک صفحه یا یک وبسایت صرف کردین رو اندازه بگیرین 
Chrome Toolbox(link is external) قابلیت‌های جدیدی رو به کروم اضافه میکنه مثل تغییر رفتار مرورگر در موقعیت خاص و تعریف میانبرها 
Chrome Page Extended(link is external) ایجاد میانبر برای دسترسی سریع به صفحات کروم مثل افزونه‌ها 
AppJump(link is external) میتونید با این افزونه برنامه‌های کروم رو از طریق تولبار مرتب و اجرا کنید 
Bookmark Bar Switcher(link is external) با این افزونه میتونید نوار بوکمارکهای متفاوتی تعربف کنید و به سادگی بین اون‌ها سوییچ کنید 
TabCloud(link is external) تب‌های باز خودتون رو در هر جلسه ذخیره کنید تا در دفعات بعدی باز کردن کروم به سادگی اون‌ها رو بازیابی کنید 
منابع
Similar Pages(link is external) این افزونه که توسط گوگل درست شده صفحاتی که داراری مطالب مشابه با مطلبی که در حال خواندن اون هستین رو نمایش میده 
Universal Search(link is external) دارای قابلیت جستوجوی مطالب در موتورهای جستوجوی مختلف هست. همچنین هنگامی که متنی رو در صفحه انتخاب میکنید یک پنجره‌ی کوچک باز میکنه که میتونید متنتون رو در سایت مورد نظر جست‌وجو کنید 
Awesome Screenshot(link is external) میتونید از هر قسمت صفحه که نیاز دارید عکس تهییه کنید و نواحی مورد نظر رو با دایره، مربع، متن و ... مشخص کنید سپس عکستون رو با فرمت PNG روی کامپیوتر یا وب ذخیره کنید 
Clip to Evernote(link is external) افزونه‌ی رسمی Evernote، با قابلیت همگام‌سازی تمام متون شما و همچنین جست‌وجو در میان آنها
Diigo(link is external) با این افزونه هر قسمت از متن یک صفحه رو که مایلید هایلایت کنید و همچنین میتونید اون رو با دیگران به اشتراک بگذارید. تا هربار که به صفحه برگشتین موارد هایلایت شده رو ببینید 
Thinkery(link is external) یه جورایی ذهن آنلاین شماست. متن‌ها و لینک‌هاتون رو توش ذخیره کنید تا بعدا به اون‌ها رسیدگی کنید 
MyNotes(link is external) نت برداری باید یک پروسه‌ی آسان باشه. با این افزونه هست! هر متنی رو که انتخاب کردین از منوی قابل دسترسی در راست کلیک، اون رو به افزونه برای ذخیره سازی بفرستین 
Add to Google Bookmarks(link is external) وبسایت جالبی رو دیدین که زمان کافی برای مطالعه‌اش رو ندارید؟ کافیه روش راست‌کلیک کنید تا به بوکمارکهای گوگل اضافه کنید تا بعدا ازون لذت ببرید 
Microstock Photo Power Search(link is external) افزونه‌ای برای جستوجوی وبسایت‌های عکس مثل Fotolia, Dreamstime and Shutterstock 
منبع: hongkiat.com(link is external)
تگ های مطلب:
دسته بندی مطلب:
=================================================================
- دسته: مقالات و آموزش
گوگل کروم تقریبا 4 سال تمام است که با سرعت باورنکردنی به محبوبترین مرورگر بین کاربران وب تبدیل شده است. طراحان وب و توسعه دهندگان وب نیز می بایست از همان ابتدا پا به پای این مرورگر آمده و فرآیند طراحی های خود را بر پایه آن نیز بنا می کردند.
اگرچه بسیاری از طراحان وب با مرورگر فایرفاکس راحتتر هستند ، اما نباید سریع و سبک بودن گوگل کروم را نادیده گرفت که مطمئنا هیجان طراحی وب را با سرعت خیره کننده خود دو چندان خواهد کرد.
خوشبختانه ابزارها و افزونه های خوبی که برای مرورگر Firefox ساخته شده اند ، برای مرورگر Chrome نیز طراحی و تعبیه شده اند که از این نظر شاید الان دیگر نتوان گفت افزونه های خوبی برای کروم پیدا نمی شود !
در اینجا ما لیستی از چندین افزونه ناب و بهترین اکستنشن های ( Extensions ) مرورگر کروم را برای دسته طراحان وب و توسعه دهندگان وب تهیه و معرفی کرده ایم که با استفاده از آنها می توانید در روند برنامه نویسی و فرآیند طراحی خود لذت و امکانات بیشتری را ببرید.
1- FireBug Lite
افزونه FireBug Lite یکی از ابزارهای بسیار عالی برای مرورگر کروم است که همانند FireBug در فایرفاکس عمل می کند ، منتها این بار برای گوگل کروم. این افزونه به طراحان وب این امکان را می دهد که المان های گوناگون در صفحه را مورد بررسی قرار داده و همچنین امکان ویرایش css و xhtml و البته JavaScript را نیز می دهد.
2- RESOLUTION TEST
افزونه Resolution Test یک ابزار مناسب برای توسعه دهندگان وبی است که می خواهند وب سایت و طراحی های خود را در رزولوشن های مختلف مورد بررسی و تست قرار دهند. با نصب این افزونه یک آیکون در بالای مرورگر شما پدیدار می شود که با کلیک بر روی آن و مشخص کردن اندازه مود نظرتان ، مرورگر به صورت اتوماتیک تغییر اندازه داده و وب سایت طراحی شده را در رزولوشن انتخاب شده نمایش می دهد.
3- SPEED TRACER
افزونه Speed Tracer به شما کمک می‌کند تا اطلاعات مفیدی در رابطه با سرعت اجرای صفحات وب یا اپلیکیشن‌های ساخته شده تحت وب بدست آورید و مشکلات برنامه و Application خود را پیدا کنید و مشکلات آن را تصحیح کنید.
مشکلاتی که ممکن است از ساختار کدهای جاوا اسکریپت و یا رویداد های DOM و حتی به علت زمان اجرا و … باشد را شناسایی و به صورت کامل برای شما روی صفحه نمایش می دهد تا بتوانید برای حل مشکلات اقدام کنید.
این افزونه با استفاده از ویژگی نمایش تفکیک شده اطلاعات به صورت دقیق و کامل و با کمک نمودار های مجزا باعث می شود دقیق تر بتوانید مشکلات را بررسی نمایید.
4- WEB DEVELOPER
افزونه Web Developer یک ابزار بسیار مفید برای طراحان وب است. توسط این پلاگین می توانید تمام جزئیات صفخه وب خود را کنترل کنید و اطلاعات مختلفی را بدست آورید.
از جمله ویرایش فایل CSS, Html ، کنترل Javascript در صفحه وب ، کنترل و ویرایش کوکی ها ، کنترل و تغییر در تصاویر و فرم ها ، Validate کردن صفحه وب سایت ، Resize کردن صفحه و … که اینها بخش کوچکی از قابلیت های این افزونه هستند.
5- PENDULE
افزونه Pendule مانند پلاگین قبلی یک ابزار تمام عیار است که امکانات فوق العاده ای را در اختیار شما قرار می دهد مانند مشاهده صفحه فقط با کدهای CSS یا بدون کدهای CSS ، نمایش لینک هیا مخفی و آشکار در صفحه وب ، نمایش یا پنهان کردن تصاویر به کار رفته در صفحه وب ، اعتبار سنجی RSS, HTML, FEED ، مشاهده کد رنگ های هر قسمت از صفحه وب و بسیاری قابلیت های دیگر که این افزونه را به یک پکیج فوق العاده برای توسعه دهندگان وب تبدیل کرده است.
6- AVIARY SCREEN CAPTURE
آیا شما هم برای گرفتن اسکرین شات از صفحه وب خود از دکمه Print Screen استفاده کرده و آن را در فتوشاپ باز می کنید ؟ اگر اینطور است که افزونه Aviary Screen Capture به کمک شما آمده تا اگر از صفحه وبی می خواهید اسکرین شات تهیه کنید ، بدون فاصله بتوانید توسط این افزونه اسکرین شات خود را تهیه کرده و حتی امکان ویرایش ، تغییر سایز ، برش و تغییر جهت بر روی تصویر گرفته شده را در اختیار شما قرار می دهد.
7- CHROME SNIFFER
افزونه Chrome Sniffer یک پلاگین جالب برای کروم گوگل است که یک آیکون در بالای مرورگر اضافه کرده تا توسعه دهنده وب بتواند به راحتی تشخیص دهد که سایت مورد نظرش از چه سیستم مدیریت محتوا و از چه تکنولوژی استفاده می کند.
8- LOREM IPSUM GENERATOR
افزونه Lorem Ipsum Generator یک پلاگین عالی و در عین حال ساده است که با استفاده از آن می توانید متن ها و پاراگراف های Lorem Ipsum را بدون هیچ پیچیدگی ایجاد کنید.
9- INTERNET EXPLORER TAB
افزونه Internet Explorer Tab شاید یکی از افزونه های بسیار مفید باشد که کار طراحان وب را برای بررسی سایت در مرورگر اینترنت اکسپلورر راحت کرده و توانایی اجرای IE را در مرورگر کروم به توسعه دهنده وب می دهد.
10- CHROME SEO
افزونه Chrome SEO یک ابزار برای بررسی سئو سایت است که توسط آن می توانید آنالیز و تحلیل جامعی از وضعیت سایت ها در موتورهای جستجوگر مثل Google, Yahoo, Bing, Ask و … را با جزئیات کامل داشته باشید. شما می توانید تعداد سایت هایی که به صفحه یا سایت شما لینک داده اند را ببینید و یا سایت هایی که لینک آنها ارزشی برای وب شما ندارد ، تعداد صفحات ایندکس شده ، رتبه سایت خود را در سایت های رتبه دهی را به راحتی و با یک کلیک مشاهده کنید.
11- SEO SITE TOOLS
افزونه SEO Site Tools یک پلاگین برای بهینه سازی وب سایت در موتورهای جستجو است که علاوه بر نمایش اطلاعات پایه از وضعیت سایت ، پیشنهاداتی نیز جهت بهبود کاراکترهای مختلف مثل بهبود متاتگ های توضیحات ، کلیدواژه های هر صفحه ، عنوان صفحات سایت ، حجم صفحه ، توضیحات تصاویر ، آدرس صفحات و بسیاری دیگر را که ممکن است نادیده گرفته باشید را گوشزد می کند.
12- VALIDITY
افزونه Validity یک پلاگین مفید برای اعتبارسنجی کدهای مورد استفاده در طراحی وب است که بعد از نصب افزونه یک آیکون در بالای نوار مرورگر ظاهر می شود که با کلیک بر روی آن یک پیغام کوچک با نمایش عدد نمایان می شود که این افزونه از اعتبارسنجی سازمان جهانی استانداردسازی وب ( w3c ) پشتیبانی می کند.
13- EYE DROPPER
افزونه Eye Dropper بسیار شبیه به افزونه colorzilla در فایرفاکس عمل می کند و به کمک آن می توانید کد رنگ هایی که در صفحه وب به کار رفته است را پیدا کرده و در برنامه های گرافیکی استفاده کنید. همچنین این افزونه یک آرشیو از رنگ هایی که شما انتخاب می کنید را در خود ذخیره می کند و شما می توانید یک آرشیو رنگ سفارشی برای کارهای خود بسازید.
14- MEASUREIT
افزونه MeasureIt یکی از افزونه های کاربردی برای طراحان وب است که با استفاده از آن می توانید با یک کلیک ساده بر روی آیکون آن در بالای مرورگرتان ، بر روی هر عنصری روی صفحه وب از لحاظ طول و عرض اندازه گیری انجام دهید. برای اینکار کافیست بر روی آیکون افزونه که در قسمت پایین و سمت چپ افزونه قرار دارد کلیک کنید سپس محیطی که می خواهید اندازه بگیرید را مشخص کنید.
15- WHATFONT
برای بسیاری از طراحان وب ، فونت ها مسئله بزرگی هستند. آیا شما تا به حال برای پیدا کردن فونتی که در وب سایتی دیده اید ، تلاش بسیار انجام داده اید ؟ اگر دوست دارید که اطلاعات خوب و مفیدی از فونت مورد نظرتان در صفحات وب پیدا کنید ، بهتر است از افرونه WhatFont استفاده کرده تا نام فونت ، سایز و اندازه فونت ، ارتفاع فونت ، استایل و رنگ فونت را در اختیار شما قرار دهد.
16- TOOMANYTABS
یکی از مشکلات اساسی گوگل کروم اینست که با باز کردن تعداد تب های زیاد ، اندازه تب ها بسیار کوچک خواهد شد که حتی نام تب ها دیگر دیده نمی شود. ولی با افزونه TooManyTabs این مشکل را می توان مرتفع نمود و امکانات خوبی مثل مرتب سازی تب ها بر اساس نام یا آدرس اینترنتی ، پشتیبان گیری از تب های باز ، بازیابی تب های اخیر و … را به کاربر می دهد.
17- SESSION MANAGER
با افزونه ی Session Manager پس از بوک مارک کردن صفحات وب می توانید آنها را ذخیره کنید. عمده ترین قابلیت این افزونه اینست که هر زبانه ایی که با آن ذخیره می شود، دقیقاً به همان شکلی که ذخیره شده مجدداً بارگذاری شود، یعنی صفحه وب شما دوباره به همان شکل ذخیره شده باز می شود.
18- CLOUD SAVE
به عنوان یک طراح وب یا توسعه دهنده ، شما در اکثر اوقات نیاز به آپلود فایل در سرویس های فضای ذخیره سازی آنلاین دارید که با افزونه Cloud Save کار شما راحت شده و با چند کلیک ساده می توانید فایل های خود را در 10 سرویس معروف ذخیره سازی ابری مثل Amazon Cloud Drive, Dropbox و … نگه داری کنید.
19- AWESOME SCREENSHOT
آیا می خواهید از صفحات وب عکس بگیرید و آنها را تغییر دهید و به اشتراک بگذارید ؟ تمام این کارها را می توانید با استفاده از افزونه Awesome Screenshot انجام دهید.
20- BUILTWITH TECHNOLOGY PROFILER
اگر می خواهید از تمام مشخصات و تکنولوژی های به کار رفته در صفحات سایت باخبر شوید ، کافیست از افزونه BuiltWith Technology Profiler استفاده کرده و با یک کلیک ساده به اطلاعات مورد نظرتان برسید. اطلاعاتی مانند : سیستم مدیریت محتوا ، فریم ورک استفاده شده ، ابزارهای آنالیزگر سایت ، کتابخانه های جاوا اسکریپت و اطلاعات دیگر.
21- FONT EDITOR
با استفاده از افزونه Font Editor دیگه حدس زدن و یک عالمه از این پنجره به آن پنجره رفتن برای مشاهده تغییرات اعمال شده راحتتر می شود و این افزونه به شما اجازه می دهد تا تغییرات واریانت، ارتفاع، نوع و خانواده، ارتفاع خطوط و …. رو به سادگی بر روی فونت ها اعمال کنید و همان لحظه مشاهده کنید.
22- CSSVIEWER
اصلا نمی‌شود قابلیت فوق العاده افزونه CSSViewer را در نظر نگرفت. یک بار این افزونه را نصب کنید و بعد تمام اطلاعاتی که می‌توان از سند CSS یک صفحه وب در آورد را در این افزونه ببینید.
23- BROWSER COMPATIBILITY DETECTOR
همیشه یکی از مشکلات طراحان وب سازگاری صفحه وب طراحی شده با مرورگرهای مختلف است که افزونه Browser Compatibility برای همین کار ساخته شده است. این افزونه با درک نحوه نمایش کدها توسط مرورگرهای مختلف به شما کمک می کند تا هر چه راحتتر مشکلات صفحه وب ساخته شده با مرورگر را یافته و آن را برطرف نمایید.
افزونه های مورد علاقه شما کدام یکی از این ها هستند ؟ افزونه های کاربردی دیگری برای کروم می شناسید ؟ پس به ما هم معرفی کنید.
==========================================================================
چهارشنبه, ۷م بهمن , ۱۳۸۸ | ۲۲ دیدگاه
سلام به همه دوستان ،حمید رضا کاظمیهستم و امیدوارم که بتونم از این بع بعد در خدمت شما عزیزان باشم و پستهای مفیدی رو براتون بنویسم. هنگامی که گوگل کروم در اواخر سال ۲۰۰۸ وارد عرصه شد بسیاری از توسعه دهندگان و طراحان وب را راضی کرد تا از فایرفاکس به این مرورگر تغییر کاربری دهند. اکثرا توسعه دهندگان همانند خود من هنوز هم فایرفاکس را ترجیح می دهم، مرورگر جدا بر موارد فنی و استانداردهای رعایت شده در آن یک موضوع کاملا شخصی نیز محسوب می شود و به نوعی به عادت وبگری افراد نیز بستگی دارد. البته دستیابی به یک مرورگر کامل نیاز به زمان دارد و این امر با کمک افزونه های مختلف و تنظیمات اختصاصی میسر می گردد. افزونه ها به کاربران مخصوصا طراحان کمک های بسیار زیادی می کنند و وجود آنها به یک نیاز تبدیل گشته است.
مدتی هست که وضعیت دسترسی به افزونه های گوگل کروم تغییراتی کرده است ، توسعه دهندگان افزونه های زیادی را برای این مرورگر تولید کرده اند و بر این باور هستند که این مرورگر سرعت بیشتری نسبت به فایرفاکس دارد و البته cpu را نیز کمتر مورد استفاده قرار می دهد. افزونه ها در این مرورگر به راحتی قابل نصب و حذف هستند حتی بدون نیاز به ریست شدن مرورگر ( برخلاف فایرفاکس ). با تمام مواردی که ذکر شد به معرفی ۱۵ افزونه گوگل کروم می پردازیم و این شما هستید که تصمیم می گیرید زمان استفاده از این مرورگر فرا رسیده است یا هنوز نه !
Firebug lite
این افزونه به توسعه دهندگان وب این امکان را می دهد که element های گوناگون در صفحه از را مورد بررسی قرار دهند و همچنین امکان ویرایش css و xhtml و البته JavaScript را نیز می دهد. این امکانات باعث جذب خیلی از کاربران به این افزونه شده اند. افزونه Firebug lite نسخه ی مخصوص کاربران گوگل کروم است بر خلاف Firebug که برای کاربران فایرفاکس تهیه شده است.
Pendule
این افزونه یک پکیج کامل برای توسعه دهندگان محسوب می شود. در این مجموعه ابزاری همچون انتخاب گر رنگ و خط کش به چشم می خورد. البته از امکانات دیگر این مجموعه می توان به امکان مشاهده سورس صفحه، غیرفعال نمودن css و مخفی نمودن تصاویر و نمایش Alt text ها اشاره کرد. وجود تائید کننده های css و html و feed ها نیز در این مجموعه قابل ذکر می باشد.
META SEO Inspector
این افزونه به توسعه دهنده وب کمک می کند تا اطلاعات مهمی و مخفی که نیاز دارد را مشاهده نماید. به شما به عنوان توسعه دهنده اجازه می دهد برای بهینه سازی سایت خود ( مفید برای موتور های جستجو) وجود تگ های مهم را مشاهده و تائید نمایید. این افزونه به شما هنگامی که اطلاعات meta tag ها کامل نباشد اخطار می دهد. در تصویر مربوط به این افزونه این اخطار را مشاهده خواهید نمود که به کاربر عدم وجود تگ کلمات کلیدی و تگ توضیحات را اخطار کرده است.
Aviary Screen capture
این افزونه به شما کمک می کند از سایت و طرحی که مشاهده نموده اید و از آن خوشتان آمده است اسکرین شات و تصویری تهیه نمایید. این افزونه امکان ویرایش ، تغییر سایت ، تغییر جهت و برش بخشی از تصویر را نیز به شما می دهد. از امکانات مفید دیگر این افزونه می توان به امکان اضافه نمودن کامنت و دریافت دقیق رنگ و پیکسل طرح نام برد. این افزونه برای خود من نیز به نوعی صرفه جویی فراهم کرده است چون در گذشته با کمک دکمه print screen و برنامه فتوشاپ مراحل نسبتا طولانی را طی می کردم تا تصویری از سایت مورد نظر داشته باشم اما این افزونه و افزونه های مشابه در این کار کمک شایانی کرده اند.
Lorem Ipsum Generator
افزونه ای ساده ولی پرکاربرد برای طراحان وب ! این افزونه تا حد ممکن ساده تهیه شده و مقدار کمی از Cpu را درگیر خود می کند و شما قادر خواهید بود به سادگی هر چه تمام تر lorem ipsum بسازید و صفحات خود را پر نمایید.
Resolution Test
افزونه ای ساده ولی مفید برای طراحانی که می خواهند در resolution های مختلف سایت و طرح مورد نظر را تست نمایند. بعد از نصب این افزونه کم حجم روی آیکونی که به برنامه اضافه می شود کلیک می کنید. اکنون با انتخاب resolution های متداول و یا وارد نمودن مقدار مورد نظر خود می توانید تمامی حالات را تست و نتایج را مشاهده نمایید.
Chrome SEO
این افزونه یک نیاز برای افراد محسوب می شود. با کمک این افزونه می توانید تمام ابزار SEO را داشته باشید. این افزونه به شما کمک می کند از ترافیک سایت مورد نظر و یا تعداد صفحات ایندکس شده در موتورهای جستجو گر گوگل و یاهو را به شما اعلام می کند. البته ارتباط با شبکه های اجتماعی و اعلام رتبه سایت مورد نظر شما در سایت هایی مانند Alexa و google pagerank از امکاناتی قابل ذکر این افزونه می باشد.
IE Tab
طرحی را ایجاد نموده اید و یا تغییری در سایتی ایجاد کرده اید و مشغول تست نتیجه در مرورگرهای مختلف می باشید ؟ این افزونه به شما این امکان را می دهد نتایج را در اینترنت اسکپلورر چک نمایید اما در همین پنجره و برنامه گوگل کروم.
iMacros for chrome
برخی از کارها در وب به صورت مداوم توسط شما تکرار می شوند و این افزونه شاید بتواند کمی به شما در این زمینه کمک نماید. توسعه دهنده های وب می توانند از این افزونه برای تست کارایی و یا مشاهده تراکنتش های سایت استفاده نمایند.
Picnik Extension for chrome
این افزونه به شما این قدرت را می دهد تا تصویری را از یک سایت بردارید به محیط این افزونه بیاورید ویرایش نماید و تغییرات لازم را انجام دهید و سپس آنرا به اشتراک بگذارید ! این افزونه به سایت های معروف اشتراک تصویر همانند flickr نیز متصل می شود.
Speed tracer
با کمک افزونه speed tracer مشکلات برنامه و application خود را پیدا کنید و مشکلات آنرا تصحیح کنید. مشکلاتی که ممکن است از ساختار کدهای JavaScript و یا رویداد های DOM و حتی به علت زمان اجرا و … باشد را شناسایی و به صورت کامل برای شما روی صفحه نمایش می دهد تا بتوانید برای حل مشکلات احتمالی اقدام کنید. از ویژگی های این افزونه نمایش تفکیک شده اطلاعات به صورت دقیق و کامل و با کمک نمودار های مجزا می باشد که باعث می شود دقیق تر و مفهوم تر موضوع را بررسی نمایید.
Validity
افزونه validity به شما در راستای تشخیص و اعتبار سنجی یک سایت کمک می کند تنها کافی است در سایت مورد نظر خود روی آیکون افزونه و یا از میانبر ctrl + alt + v استفاده نمایید. در ضمن می توانید اعتبارسن های W3C را نیز در این افزونه نصب کنید و سایت های مورد نظر را با کمک آن اعتبارسنج ها نیز چک نمایید.
Snippy
بعد از نصب افزونه وارد سایت مورد نظر که می شوید روی آیکون snippy کلیک کنید و با لیست کامل snippet ها و اجزای سایت مواجه می شوید که بنا به خواسته ی خود هر کدام را که انتخاب نمایید امکان ذخیره سازی آنرا این افزونه به شما می دهد. هیچ محدودیت در سایت و نوع snippet وجود ندارد.
Chrome flags
این افزونه باعث می شود در address bar شما بعد از ورود به سایت مورد نظر پرچمی نمایش داده شود که این پرچم نشان گر موقعیت فیزیکی سایت مورد نظر می باشد. با کلیک روی نقشه اطلاعات دقیق تر و جزییات بیشتری از قبیل صاحب سایت ، ترافیک موجود در سایت و سرور در اختیار شما قرار می دهد.
BuiltWith
این افزونه باعث می شود شما تمام تکنولوژی های استفاده شده در سایتی که مشاهده می نمایید را ببینید. اطلاعاتی از قبیل افزونه های سایت ، آمار و تجزیه و تحلیل بازدید ها ، نوع فریم ورک ( مانند جاوا و یا دان نت) ، نوع پرتال ، نوع سیستم تبلیغات ، استاندارهای رعایت شده و نوع میزبان وبی که از این سایت میزبانی می کند و اطلاعات مفید دیگر … برای اجرای این افزونه روی آیکون آن باید کلیک کرد.
در آخر چند نکته خدمت شما دوستان عزیز بگم. افزونه ها امکانات اختصاصی و سلیقه ای هستند ممکن است از لیست بالا تنها یک افزونه به کار شما بیاید و یا برعکس اکثر افزونه ها برای شما مناسب باشند. این موضوع را هم در نظر بگیرید اگر افزونه ای برای شما مناسب نیست لطفا آنرا نصب نکنید هرچند ممکن است تاثیر کمی داشته باشید ولی افزایش حجم کاری Cpu و در بعضی از موارد شلوغی بیش از حد مرورگر باعث اختلال در کار شما می شود و آخرین نکته اینکه در وب بیش از صدها افزونه برای مرورگرها وجود دارد در هنگام دریافت افزونه مورد نظر سعی نمایید افزونه هایی را انتخاب نمایید که دریافت بیشتری داشته و کاربران از آن راضی هستند و در اصل کارایی خود را اثبات کرده است.
ممکنه نتونید بعضی از این پلاگین ها رو از سرور گوگل دانلود کنید. من ۱۰ تاشونو که تونستم براتون تو یک فایل کم حجم تدارک دیدم که میتونید ازاینجا دانلودکنید آنها رو.
===============================================================
عضو شوید
عضویت سریع
آمار
وب سایت:
آمار مطالب
آمار بازدید
