قد تعتقد أن برنامج Notepad ليس هو الأفضل عند كتابة CSS. هل هناك أي أدوات تحرير CSS يمكنها تحسين كفاءة البرمجة لدينا؟
TopStyle (انقر للتنزيل: TopStyle V3.5 Beta 4) هي أداة تحرير CSS كنت أستخدمها بشكل عشوائي في البداية ولم أدرسها بعناية ولكن بعد ذلك ألقيت نظرة فاحصة على الوظائف الموجودة بداخلها ووجدتها أن وظائفها قوية حقا!
اسمحوا لي أن أشارك تجربتي هنا مفاتيح الاختصار التي أستخدمها عادة عند تحرير CSS:
التعليق التوضيحي للنص: Shift+Ctrl+M
مسافة بادئة لليمين: Shift+Ctrl+.
المسافة البادئة لليسار: Shift+Ctrl+،
CSS التالي: Ctrl+]
CSS السابق: Ctrl+[
تحديد اللون: Shift+Ctrl+C
لا يمكن التراجع (Ctrl+Z) بعد الحفظ؟
دعنا نغير موقع الخيار: الخيارات--المحرر--حدد تمكين التراجع بعد الحفظ
للاستبدال تلقائيًا. على سبيل المثال، إذا كتبت "!i" ثم ضغطت مسافة، فسيقوم TopStyle تلقائيًا باستبدال "!i" بـ "! مهم"
موقع الخيار: الخيارات--المحرر--الاستبدال التلقائي يمكنك أيضًا إضافة إدخال الاختصار بنفسك.
شجرة CSS
هل تشعر أحيانًا أن هناك الكثير من CSS وأنه من الصعب التصفح؟ يوفر TopStyle نموذجًا مختصرًا يخفي محتوى CSS ويعرض فقط اسم المحدد، وهو أمر مناسب جدًا.
موقع الخيار: الخيارات--المحرر--طي القاعدة حدد تمكين طي القاعدة
للتحقق بسرعة، يعد زرا W3C CSS Validator وW3C HTML Validator الموجودان في القائمة المختصرة مناسبين للغاية، بعد التحرير، يمكنك معرفة ما إذا كان التحقق قد تم من خلال زر واحد فقط انقر.
يوصي منظف ورقة الأنماط أدناه بشدة باستخدام TopStyle مع وظيفة تنظيم CSS الخاصة به. كاسحة النمط. يمكنه تنظيم CSS الخاص بك بشكل متقن وموحد. ميزة جميلة جداً
موقع الخيار: Tools--Style Sweeper
Rules Rules لوحة القواعد: Rule Format يمكنك تعيين سطر واحد وأسطر متعددة لعرضها.
تحدد قواعد الجمع ما إذا كان سيتم دمج CSS بنفس الخصائص.
لوحة محدد المحددات: تقوم حالة المحدد بتعيين حالة المحدد.
يقوم ترتيب المحدد بتعيين طريقة فرز المحددات.
لوحة الخاصية: تقوم خاصية Property Case بتعيين حالة الخاصية.
ترتيب الخاصية يحدد ترتيب الخصائص. لوحة خصائص اختصار Shorthand Properties: يمكنك اختيار اختصار خصائص الخط والخلفية والهامش والحشو.
أخرى لوحات الملكية الأخرى:
تنسيق الألوان تنسيق الألوان: يمكنك اختيار النظام السداسي العشري، وRGB، واسم اللون، وما إلى ذلك.
بعد أن قلت كل هذا، ما زلت آمل أن يتمكن الجميع من الاستمرار في تحسين قدراتهم في CSS عمليًا، فبرنامج TopStyle هو مساعد جيد!