Alvanweb » فایرفاکس

حذف انتخابگرهای زاید CSS

مرتضی الوانی — Mon, 21 Apr 2008 16:47:50 +0000

بارها برایم پیش آمده است که در هنگام انجام یک پروژه یک (یا چندین) انتخابگر برای تست ایجاد کرده‌ام و با بالارفتن حجم کدنویسی، یادم رفته است که آن‌ها را پاک کنم. یا برعکس انتخابگری را تعریف کرده‌ام که المانش را به دلایلی پاک کرده‌ام یا نامش را تغییر داده‌ام. شاید برای شما هم اتفاق افتاده باشد.

SitePoint افزونه‌ای بنام Dust-Me Selectors برای فایرفاکس منتشر کرده است که به شما کمک می‌کند به راحتی این سلکتورها را شناسایی کنید.

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

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

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

+ برای ساخت Sitemap می توانید از این سرویس استفاده کنید. وردپرسی ها هم می‌توانند با سرویس گوگل به کمک این پلاگین Sitemap بسازند.

Firebug و کند شدن Gmail

مرتضی الوانی — Tue, 13 Nov 2007 19:21:15 +0000

امروز متوجه شدم که این اکستنشن محبوب من با نسخه جدید جی‌میل که جدیداً عرضه شده است تداخل دارد. گوگل برای کاربران سیستم‌ عامل‌های لینوکس و ویندوز راه حلی را پیشنهاد داده است. کافیست در تنظیمات این اکستنشن تیک گزینه نمایش XMLHttpRequests را بردارید و Network Monitoring را هم غیر فعال کنید. البته اگر قصد ندارید آن را تماما از کار بیندازید.

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

همانطور که می‌دانید چندین ابزار وجود دارد که می‌توانید از آنها برای عیب‌یابی سی اس اس استفاده کنید. بعضی‌ها مثل دو اکستنشن Web Developer و Firebug با مرورگرها قابل استفاده هستند. اما گاهی اوقات پیش میاد که دسترسی به این مرورگرها یا اکستنشن‌ها وجود ندارد. هر چند XRAY‌ و MRI این دو ابزار آنلاین، قابلیت‌های سایرین رو به طور کامل ندارند اما می‌توانند کار راه انداز باشند.

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

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

فایرفاکس و آپلود آسان تصاویر

مرتضی الوانی — Sun, 11 Feb 2007 09:43:08 +0000

حتماً کمپانی کداک را می‌شناسید (کمپانی سازنده تجهیزات فلمبرداری و عکاسی) چند روز قبل این کمپانی اکستنشنی را برای فایرفاکس منتشر کرد که به کاربران اجازه می‌دهد تا براحتی عکس‌هایشان را در فضایی تحت نام Kodak EasyShare Gallery آپلود کنند. بعد از نصب این اکستنشن و ایجاد یک اکانت رایگان، به کمک قابلیت Drag and Drop و افزودن عنوانی برای عکس‌ها، می‌توانید آلبوم‌های دلخواه‌تان را ایجاد کنید. قابلیت ویژه این اکستنشن Multi Selecting بودن آن است که به شما اجازه می‌دهد در یک‌زمان چندین عکس را انتخاب و یکباره به رابط کاربری زیبای آن وارد کنید.

البته در نظر داشته باشید که این اکستنشن علاوه بر Kodak از سایت‌های دیگری از جمله Flickr، Tabblo و … پشتیبانی می‌کند و در آینده سرویس‌های دیگری به آن افزوده خواهد شد. توضیحات بیشتر در مورد این اکستنشن را در اینجا بیابید.

پی‌نوشت: در مورد محدودیت در آپلود، کمتر سیستمی پیدا می‌شود که محدودیت نداشته باشد، در هر صورت باید هزینه‌ این همه امکانات به نوعی تامین شود. اما فکر می‌کنم کداک در این مورد کمی سختگیرانه‌تر عمل می‌کند. طبق قوانین و مقررات کداک در Kodak Gallery محدودیت حجمی برای آپلود تصویر ندارید اما به محض آپلود اولین تصویر در این سرویس تا 12 ماه بعد فقط خواهید توانست به طور رایگان تصویر آپلود کنید. برای فعال شدن اکانت‌تان هر 12 ماه یکبار، باید خریدی از Imaging Network کداک داشته باشید. در غیر اینصورت اکانت غیر فعال و تصاویر حذف خواهد شد. البته این نکته هم ذکر شده است که در هر زمانی که کداک بخواهد می‌تواند مقررات این بند را تغییر دهد.

علاوه بر تصاویر، با این سرویس فایل‌های ویدیویی تا 15 مگابایت در هر فایل را می‌توان آپلود کرد که حجم محدودی برای هر اکانت در نظر گرفته شده که نهایتاً 150 مگابایت می‌باشد. همچنین Kodak Gallery هر فایل ویدیویی را تنها تا 30 روز بعد از آپلود آن ذخیره خواهد نمود.
اگر چه برای ما ایرانیان داخل رعایت این مقررات دشوار است اما می‌توان از امکان آپلود تصویر در سایر سیستم‌های این اکستنشن بهره برد.

ساختن باکس جستجو برای FireFox 2 و IE 7

مرتضی الوانی — Mon, 27 Nov 2006 17:54:36 +0000

تا هنگامی‌‌که تکنولوژی مرورگرهای وب موجب توسعه‌ی کمپانی‌هایی نظیر موزیلا شود، محصولاتی شبیه مرورگر فایرفاکس (Firefox) ارائه خواهد شد تا ابزارهایی را در اختیار توسعه‌دهنده قرار دهد که بتواند امکانات بیشتری را برای کاربران خود ارائه کند. چیزهایی مثل فیدها (RSS Feeds) می‌تواند به‌عنوان Live Bookmarked بکار رود، قابلیت باز شدن چندین تب در واسط کاربری افزوده شود و هم ‌اکنون به‌سادگی می‌توانیم جستجوی مستقیم یک سایت را در مرورگرمان داشته باشیم.

باکس جستجو یک سایت چیست؟
باکس جستجوی سایت یک ابزار جستجو است که به طور مستقیم در درون مرورگر افزوده می‌شود معمولاً در اطراف فیلد آدرس دیده می‌شود و عملیات جستجو را برای یکسری سایت‌های مخصوص آسان‌تر و سریع‌تر می‌کند. پس از نصب فایرفاکس چندین باکس جستجوی استاندارد از جمله گوگل، یاهو، آمازون و ایی‌بی به طور پیشفرض موجود هستند. از اینرو این سئوال مطرح می‌شود که چگونه می‌توانم یک نمونه برای سایتم ایجاد کنم؟ این آسان‌تر از آپلود یک فایل XML روی سرورتان و اضافه نمودن یک خط کد به برچسپ HEAD صفحه‌هایتان است.

اول: ساخت فایل XML
برای افزودن جستجوی سایت، مرورگر باید این فایل xml را دانلود کند. (در واقع این فایل به‌عنوان یک پلاگین برای مرورگر در نظر گرفته می‌شود) و تنها اطلاعات مخصوصی از سایت‌تان را شامل می‌شود. قبل از هر چیز فایل XML نمونه را از اینجا دریافت کنید و آن را opensearch_desc.xml بنامید. در ادامه روش سفارشی کردن را توضیح می‌دهیم، اولین دو خطی را که بسادگی می‌توانید سفارشی کنید، نام و توضیح است. فقط مقادیر زیر را مطابق با اطلاعات سایت‌تان تغییر دهید:

Alvanweb
Alvanweb - Article Search

سپس آیکونی را جهت نمایش در باکس جستجو اضافه می‌کنیم. می‌توانید از همان آدرس Favicon استفاده کنید. (اگر هنوز نمی‌دانید Favicon چیست در اینجا توضیح مفصلی در موردش داده شده است) فقط آدرس را تغییر دهید:

 http://sites.google.com/site/alvani/favicon.ico

و در نهایت رشته جستجو را اضافه‌ می‌کنیم. مهمترین مرحله کار همین‌ جاست. این به نوع سیستمی که برای مدیریت محتوایتان بکارگرفته‌اید بستگی خواهد شد. برای این منظور باید رشته مورد جستجو را از طریق روش GET ارسال کنیم. برای این وبلاگ (الوان وب و بقیه دوستانی که وردپرس استفاده می‌کنند) از فرمتی به شکل زیر استفاده شده است:

فایل XML را ذخیره و روی سرورتان آپلود کنید. و در انتها کد زیر را در قسمت Head صفحات سایت‌تان اضافه کنید. البته ویرایش آدرس مسیر فایل و عنوان را یادتان نرود:

تمام شد
آدرس سایت‌تان را در مرورگر فایرفاکس 2 یا اکسپلرر 7 (با نسخه‌های پایین‌تر این نرم‌افزارها جواب نخواهید گرفت) تایپ کنید. پس از بارگذاری کامل سایت در لیست سایت‌های جستجو پیغامی را مبنی بر نصب جستجوی این سایت خواهید دید با کلیک روی آن، جستجوی سایت به مرورگر اضافه خواهد شد.

یادتان باشد که این جستجو، به موتور جستجوی سایت‌تان وابسته است و برای سفارشی سازی بیشتر باید نحوه کارکردن سیستم سایت‌تان و جستجوی محتوای آن را بدانید. بنظرم این ایده برای یک وبلاگ‌ کم آرشیو زیاد جالب نیست ولی برای فرام‌ها و سایت‌های با محتوا و کاربر زیاد بی‌نظیر است.

داشتن یک مرورگر ایمن با مکافی

مرتضی الوانی — Tue, 30 May 2006 17:54:22 +0000

McAfee به تازگی ابزاری را تحت نام SiteAdvisor ارائه کرده است که می تواند وبگردی شما را در مقابل معروفترین برنامه های جاسوسی و مخرب از جمله اسپم ها، ویروس ها و سایت های کلاهبردار ایمن کند. اساس ایجاد این ابزار در آوریل سال 2005 توسط گروهی از مهندسان MIT با انگیزه ایمن تر کردن وب برای دوستان و اقوامشان شکل گرفت.

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

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

مشاهده CSS یک المان در فایرفاکس

مرتضی الوانی — Sun, 16 Apr 2006 14:33:29 +0000

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

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

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

باگ فایرفاکس و جدایی از نامزد

مرتضی الوانی — Fri, 24 Mar 2006 18:43:31 +0000

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

Jesse Ruderman در اینجا اعلام کرده است که ” این رخنه پنهانی موجب شده او و نامزدش که پنج سال با هم بوده اند از یکدیگر جدا شوند. او می گوید من و نامزدم از یک سیستم عامل ویندوز XP استفاده می کردیم اما دسترسی مان محدود به اکانت هایی می شد که از هم جدا بودند (یک ویندوز ایکس پی با دو کاربر تعریف شده) وقتی که او قصد داشت با اکانت خودش در سایت های قرار عشقی (dating) لاگین کند فایرفاکس بیدرنگ می پرسد آیا تمایل داری کلمه عبور ذخیره شود یا خیر. بدیهی است که او هرگز را انتخاب می کند و پس از اتمام کارش از اکانت ویندوز خود خارج می شود.

هنگامی که من بعد از X روز بعد وارد اکانت ویندوز خودم می شم، تصمیم می گیرم از فایرفاکس استفاده کنم چرا که اون همه چیزو به طور کار آمد تری بارگزاری می کنه و نسبت به IE7beta2 خیلی پایدارتره. وقتی قصد داشتم در یه سایت لاگین کنم فایرفاکس بیدرنگ از من هم می پرسه تمایل به ذخیره کلمه عبور داری یا خیر؟ من هم نه رو انتخاب می کنم اما بعدش نظرم رو عوض می کنم و به قسمت Password Manager می رم تا کلمه عبور رو ذخیره کنم. در این لحظه با آدرس سایت هایی مواجه می شم که اصلا به آن ها رجوع نکردم حتی تصور رجوع به آن ها رو هم نداشتم.

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