مرحباً جميعاً، اليوم أشارككم أداة جديدة من تطويري تساعدني في عملي كمطور ويب. فأنا أستخدم الـ Inspect Element كثيراً و أحياناً أحتاج إلى أخذ عشرات الـ Rules إلى ملفات الموقع وأجد صعوبة أحياناً بسبب العدد الكبير وقد يكون هناك Rule ما يعيد كتابة الـ Rule الذي وضعته بدون أن أعلم به إلا بعد حفظ الملفات. لذلك قمت بتطوير أداة بسيطة تساعدني على تحويل أي HTML Code به Inline CSS إلى قسمين:
1- الكود نفسه مع إضافة data attribute
2- كود CSS مرتبط بهذه الـ attributes مع إضافة important لكل Rule لضمان عدم تأثره بأوامر سابقة.
النتيجة هي الحصول على كود نظيف مع إمكانية نسخ الأكواد أوتحميلها بصيغة HTML و CSS بضغطة زر:
أرجو أن تفيدكم هذه الأداة في عملكم!
أدوات أخرى مفيدة:
