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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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