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

April 21, 2008 at 09:17 pm

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

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

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

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

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

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

دسته: سی اس اس, طراحی وب, فایرفاکس | نویسنده: مرتضی الوانی
  1. 6 نظر برای این مطلب ارسال شده است. نظر خود را ارسال کنيد »

  1. 1

    محسن


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

    April 23, 2008 at 9:47 am

  2. 2

    مرتضی الوانی


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

    در کل شاید برای آنالیز یه سایت که روی وب رفته زیاد مناسب نباشه اما بصورت لوکال در حین تکمیل سکشن‌های پروژه بی‌فایده نیست.

    April 23, 2008 at 11:43 am

  3. 3

    نبی


    ندید میشه حدس زد باید جالب باشه، نصبش کردم، هر وقت فایرفکس رو ریستارت کردم امتحانش میکنم.
    این نیاز به ریست شدن فایرفکس بعد از نصب اکستنشن ها هم معذل بزرگیه…
    sitemap online هم فوق العاده بود.
    دست شما درد نکنه.

    April 27, 2008 at 10:34 pm

  4. 4

    برير حسيني سعادت


    سلام الوان وب
    آقا اين اسم وبلاگت از خودت (صاحبش) يه جورايي معروف تره…
    من از مطالب تخصصي ات استفاده ميكنم. (البته خيلي هاش رو هم نميفهمم..
    خيلي حرفه اي بود وبلاگت و واقعا لذت بردم.
    اگه شما هم از وبلاگ من لذت ميبري. لينكم رو ثبت كن.
    من جلو جلو لينك وبلاگ خوشگلت رو زدم.

    May 4, 2008 at 9:37 pm

  5. 5

    iranew


    سلام . خيلي دوست دارم كه با هم تبادل لينك كنيم . البته من شما رو لينك كردم و همچنين از مطالبتون در مورد css خيلي استفاده كردم.
    منتظرت هستم…

    May 8, 2008 at 10:08 pm

  6. 6

    لوکال


    ُسلام خسته نباشید
    مطلبی با آدرس :
    http://weblog.alvanweb.com/2006/09/24/css-tricks-part-one/
    رو خوندم
    به نظرم می رسه که full page zoom مشکلی با px نداره ولی با مقدار دهی position به صورت relative کماکان مشکل داره
    مثالش هم سایت google هست.

    May 26, 2008 at 12:48 am