في كثير من الأحيان عندما تنتهي من تصميم موقع ما، تجد أن ملف الـCSS فيه كثير من الـrules يعني عشرات وربما مئات الكلاسات غير المستخدمة داخل التصميم، أو مستخدمة في صفحات أخرى.
هل يوجد موقع تستطيع أن تعطيه رابط موقع يقوم بتحليل ما هي الكلاسات الغير مستخدمة ويقوم بحذفها تلقائيًا ويعطيك ملف جديد (مخفف) فيه الكلاسات فقط المستخدمة.
أنا أعرف فقط كيفية إستخراج الكلاسات الغير مستخدمة بإستخدام Chrome Dev Tools، لكن لا أعرف طريقة لحذف بشكل سريع
وشكراً.
مجتمع خاص بمناقشة وطرح المواضيع والقضايا العامة المتعلقة بتطوير الويب ولغاتها المختلفة
# عنوان أول
## عنوان ثاني
### عنوان ثالث
* عنصر أول ضمن قائمة
* عنصر ثاني ضمن قائمة
* عنصر ثالث ضمن قائمة
1. عنصر أول ضمن قائمة مرقمة
2. عنصر ثاني ضمن قائمة مرقمة
3. عنصر ثالث ضمن قائمة مرقمة
> هذا اقتباس قاله شخص
هذا اقتباس قاله شخص
كلمة *غامقة* ضمن نص
كلمة غامقة ضمن نص
line 1 of code
line 2 of code
line 3 of code
لاضافة صورة، ارفعها على موقع صور ثم أضف رابط الصورة في المكان الذي تريده. سيتحول الرابط لصورة تلقائياً بعد النشر. مثلاً: https://suar.me/ONn
هناك مكتبة uncss مفتوحة المصدر https://github.com/giakki/uncss تقوم بهذه المهمة.
يمكنك أيضاً تجربتها هنا https://uncss-online.com
في حال كنت مبرمج يمكن تطوير تطبيق مخصص لتخفيف الملفات بما يتناسب مع السكربت و احتياجك
البرامج التي تقوم بهذا لا تنتشر ( ربما ) لانها قد تسبب مشاكل اثناء استخدامها في بعض التطبيقات و طلبها ليس كبير
مع تحياتي
الموضوع معقد علي، لذلك لا أعلم اذا كنت سأستطيع تنفيذه، سيحتاج وقتًا من التخطيط والبرمجة، لذلك سألت عن الأمر.
شيء غريب، ألا يوجد ملايين المطورين والمصممين حول العالم، هل لم يفكر أحد في فكرة هكذا من قبل؟
الامر نسبي
على كل حال اذا وجدت وقت فراغ ربما اقوم بتنفيذ البرنامج و نشره
في حال قمت بذلك اضع تعليق هنا لدعوتك لتجريبه :)
مع تحياتي
هدا امر لايستحق لان كل مطور مواقع لا يطع اكواد غير ضرورية في موقعه .
في نضرك هل سيحتاج متل هده البرامج
هذا وارد جدا
كنت اطور سكربت على مدى سنوات و الآن به ربما المئات من الأسطر غير المستخدمة خصوصا في ملفات ال css و من الصعب ايجادها و حذفها من دون برامج
كمثال آخر
أحيانا العديد يستخدم بعض ميزات البوتستراب و بسبب عدم انتشار مثل هذه الأدوات يضطر كل زوار موقعه لتحميل كامل اطار العمل بدل من بضع أسطر :)
@Moaasir
لا اعلم لماذا أن هذا الأمر لا يستحق! فعلى الـFront-end designer أن يعمل جاهدًا بأن تكون واجهة الموقع سريعة وتستجيب بشكل سريع، وأعتقد بأن أكواد الـcss تزيد من حجم الموقع وبذلك عند طلب الصفحات فإن الاستجابة تكون بطيئة.
وهذه مشكلة في حد ذاتها، لذلك أحاول دائمًا أن أستخدم custom Bootstrap وفقط أستخدم نظام الGrid منه.
حاول تستعمل أدوات مساعدة مثل webpack و gulp مثلاً بها أدوات جميلة.