search

افزونه هاي برتر Firefox برای طراحان وب

 افزونه هاي برتر Firefox برای طراحان وب

اگرچه بسیاری از کاربران وب از مرورگر Firefox استفاده می کنند و این مرورگر گردش در وب را برای کاربران وب بسیار لذت بخش می کند، اما جدا از ویژگی های پیش فرض Firefox افزونه های بسیاری نیز برای این مرورگر فوق العاده وجود دارند که می توانند کارایی آن را بسیار ارتقا ببخشند. یکی از چیزهایی که Firefox را از دیگر مرورگرها متمایز می کند گنجینه ای از افزونه های فوق العاده ای است که در طول زمان برای این مرورگر ساخته شده است.

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

در ادامه لیستی از 14 افزونه برتر برای فایرفاکس برای طراحان وب را قرارداده ام.

Web Developer:

Web Developer

اگر بخواهم از بین افزونه های موجود برای Firefox فقط یکی را انتخاب کنم، مطمئنا آن یک گزینه فقط Web Developer است. از جمله ویژگی هایی از این افزونه که معمولا از آنها استفاده می کنم، تغییر در CSS و مشاهده تغییرات بر روی صفحه در حین ایجاد تغییرات، و همینطور برای HTML است. از دیگر ویژگی های آن امکان غیر فعال کردن موقت javascript است. دستکاری کوکی ها، دستکاری فرم ها و ایجاد تغییرات بسیار زیاد در آنها، حذف کوکی ها با تعیین شرایط خاص، غیر فعال کردن تصاویر، مشخص کردن عناصر خاص در صفحه که کادر قرمزی دور آنها کشیده شود و نیز استفاده از لینک های در دسترس برای بررسی Validate بودن صفحه از جمله ویژگی هایی است که معمولا به طور روزانه از آنها استفاده می کنم.

البته ویژگی های Web Developer محدود به همین موارد نیست و حتما باید آن را نصب کنید و امتحان کنید تا به قدرت آن پی ببرید!

Firebug:

Firebug

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

معمولا طراحی وب بدون وجود این افزونه بسیار مشکل است و اگرچه آن را در ردیف دوم بعد از Web Developer معرفی کردم، اما اصلا کم ارزش تر از آن نیست. نکته جالب توجه در مورد این افزونه این است که افزونه های دیگری برای Firebug نوشته شده اند که قابلیت های جدیدی به Firebug اضافه می کنند!

ScrapBook:

Scrapbook

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

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

در یک کلام، این افزونه فوق العاده است!

Fiddler:

Fiddler

برخلاف مواردی که تا به حال معرفی شدند، Fiddler یک افزونه نیست. بلکه یک نرم افزار مجزا از Firefox است. اما به علت نیازی که به آن وجود دارد تصمیم گرفتم در این لیست قرار بدهمش. البته بی دلیل هم نیست، چون در ابتدا قصد داشتم افزونه Live Http Headers رو در لیست قرار بدم. اما چون ویژگی های Fiddler بسیار بیشتر است، Fiddler جای Live Http Headers را گرفت. بعد از نصب نرم افزار، افزونه ای هم بر روی Firefox نصب می شود که به راحتی می توان Fiddler را فعال یا غیر فعال کرد.

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

FireFTP:

FireFTP

ساده، ولی بسیار کارآمد! یک مدیر FTP در Firefox.

Window Resizer:

Window Resizer

مسلما همه ی کاربران وب از یک Resolution به صفحه ی وب نگاه نمی کنند. برای اینکه بدانیم سایت ما در Resolutionهای مختلف چطور نمایش داده می شود، می توانیم از این افزونه ساده استفاده کنیم. البته همین قابلیت در Web Developer هم وجود دارد، اما کار با این افزونه کمی راحت تر است.مخصوصا که اندازه های پیش فرض را هم از قبل تعریف شده دارد.

YSlow:

YSlow

افزونه ای برای Firebug! این افزونه که توسط یاهو ساخته شده است، چند نکته اساسی برای بالا بردن سرعت بارگذاری سایت ها را بررسی می کند. البته واقعا بعضی موارد را نمی توان کاری کرد. رعایت بعضی از موارد هم ممکن است سرعت مشاهده را برای کاربران با اینترنت سرعت پایین نامناسب تر کند. به هر حال باید با دقت به این موارد توجه کرد.

MeasureIt:

MeasureIt

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

IE Tab:

IE Tab

در صورتی که بخواهیم بدانیم سایتی در مرورگر Internet Explorer به چه شکلی نمایش داده می شود، اما نخواهیم Firefox را ترک کنیم، می توانیم از این مرورگر استفاده نماییم.

GA?:

GA?

افزونه کوچکی که نشان می دهد آیا Google Analytics برای سایتی که در حال دیدن آن هستیم فعال است یا خیر

Selenium IDE:

Selenium IDE

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

SeoQuake:

SeoQuake

این افزونه اطلاعاتی را مرتبط با SEO به طراح وب می دهد. اطلاعاتی نظیر PageRank در سایت های مختلف، قیمت تقریبی محاسبه شده سایت، امکانات SEO نصب شده در سایت و موارد دیگر

LiveClick:

Live Click

بسیاری از طراحان وب مجموعه ای از RSS Feed ها را به نوار Bookmark در Firefox اضافه کرده اند. بررسی تک تک آنها برای بررسی آن که آیا به روز رسانی شده اند یا خیر فقط وقتی تعدادشان محدود باشد معقول به نظر می رسد. اما برای طراح وبی که نوار ابزار خودش را با 14 مورد پر کرده باشد که بعضی از آنها هم مجموعه ای از RSS Feedها باشند، بررسی دستی آنها فقط یک کابوس است! استفاده از این افزونه باعث می شود تا به طور خودکار Feedها بررسی شوند و در صورتی که مورد جدیدی در آنها وجود داشته باشد، به رنگ قرمز نمایش داده شوند.

این لیستی از افزونه هایی بود که به طور معمول از آنها استفاده می کنم.

تعداد بازدید : 2578
فعال کردن قابليت Save Tabs هنگام خروج از مرورگر فايرفاکس 4.0موزيلا فايرفاکس 3/5 را براي هميشه بازنشسته مي‌کندبا WebMatrix سایتتان را بازی دهیدفایرفاکس ۵ بتا منتشر شد50 مرجع آموزش و استفاده از وردپرس۱۰ قالب وردپرس ۲۰۱۱ برای سایت های شخصیچك ليست امنيتي براي مدير يك وب سايتعوامل کندی بالا آمدن وب سایت ها افزايش سرعت سايت با GZIPچهار اصل مهم در طراحی سایتآموزش تنظیمات مرورگر فایر فاکس mozilla firefoxانتخاب رنگ برای طراحی وب سایت- رنگ هاي گرم و سردبهترین سایز برای طراحی نسخه موبایل وب سایت هاآشنایی با فرمت تصاویر مورد استفاده در طراحی وب سایت افزونه هاي برتر Firefox برای طراحان وبنحوه اضافه كردن سايت به گوگل،ياهو و بينگتنظیم اندازه عکس ها در فتوشاپچگونه سایت خود را روی اینترنت قرار دهیدافزایش ترافیک وب سایت با استفاده از RSSفايرفاكس 5 را دانلود كنيدده فرمان برای طراحی وب خوب و حرفه ای آدرس های مخفی فایرفاکس با بهره گیری از پروتکل aboutابزار آنلاین مفید وب برای افرادی که در حرفه ی کسب و کارنددانلود منوي رايگان براي وب سايت ۲۴ ابزار مفید برای انتخاب و یا بررسی دامنه وب سایتويژگي هاي فايرفاكس 5رابطه بین طراحی گرافیک و طراحی وب سایتدامنه (Domain) چيست؟يک روش ساده براي جلب بازديد کننده! طراحی قالب سه بعدی سایت در فتوشاپ ۵ وب سایت برگزیده برای نمایش آثار شما۳ روش افزایش رتبه سایت با تگ کردن عنوان روش های بهبود ایندکس شدن صفحات وب سایت در گوگل راهکارهای اصولی و موثر برای افزایش ترافیک وب سایت در هنگام ساخت سایتساخت سایت – راهنمایی برای مبتدیاناستفاده از 4 روش سئو در مدیریت نام های تجاری آنلاینساخت سایت – خطای 404 و پراکنده شدن بازدیدکنندگانده سایت برای تجزیه تحلیل و سرعت نمایش سایت ها و صفحات در وب5 منبع برای جعبه ابزار یک طراح وبتکنیک jQuery برای چشم نواز تر کردن وب سایتتامین بالاترین میزان حریم خصوصی در مرورگر فایرفاکسPage Speed; گوگل سرویس جدیدش را رونمایی کرد نکاتی که در مورد Adobe Edge باید بدانید هفت اشتباه بزرگ در تجارت الکترونیکآموزش: چگونه از امن بودن وب سایت ها اطمینان حاصل کنیم ۸ نکته امنیتی برای امنیت وردپرس چگونگی استفاده از گوگل Adwords برای رشد کسب و کار آنلاین شما آشنايي با انواع هاست يا ميزبان وبآموزش طریقه اتصال دومین به سرویس بلاگر۷ ابزار برای تبدیل آنلاین اسناداستفاده از کلمات کلیدی قوی در طراحي وب سایتآموزش اضافه کردن Toolbar یا نوار ابزار عمودی به مرورگر Firefox چگونه طراح وب سایت بهتری شوم ؟ مهمترین دلایل برتری کروم بر فایرفاکسمعرفی 5 افزونه ی جذاب فایرفاکسمن به عنوان مشتری طراحی وب چه چیزهایی را باید بدانم؟
فرستنده : mohsenso | تاريخ : 1391/3/2 ساعت : 23:11:56

خیلی عالی بود .متشکرم