11 من كبار المحررين CSS - مراجعة
1. الطراز
التوافق: شبابيكميزة بارزة: شبكة رمز ، حجم السيطرة ، بولس ، انقر نقرا مزدوجا فوق تلوين
Stylizer هو محرر CSS فريد من نوعه يركز على في الوقت الحقيقي تحرير المغلق. يمكنك فقط إدخال عنوان ويب في متصفحها المدمج الذي يدعم تعريف نمط Firefox 3.5 و IE7 ، وسيكون به جميع قواعد CSS ذات الصلة التي تم تحميلها لتتمكن من تعديلها من خلال واجهة النقر والنقطة المألوفة.
المحرر يأتي مع شبكة رمز الميزة التي تجعل تحرير CSS أكثر ملاءمة حيث يمكنك عرض النتيجة فورًا بعد تغيير القيمة. أيضا مع التشخيص بولس الميزة ، يمكنك عرض العناصر المرتبطة في جزء معين من الموقع وتعديله بنقرات ونقرات. ميزات أخرى مثل حجم السيطرة يسمح لك بضبط موضع عنصر CSS بصريًا ومعه انقر مرتين تلوين ميزة تم منحك لاقط لون يشبه Photoshop لاختيار أي لون لخط موقعك ، دعنا نقول أوه ، هل ذكرت أن كل هذه التعديلات تتم في الوقت الفعلي ، ويمكن رؤية النتيجة على الفور?
مع Stylizer من المستحيل ارتكاب خطأ في CSS لأنه سيُقيِّدك بوضع أي قيمة غير متوافقة مع خاصية CSS المقابلة. ومع ذلك ، قد يفشل البرنامج في تحميل ملف CSS معين في بعض الأحيان ، بسبب خطأ فادح غير مفسر.
Stylizer يأتي مع الإصدار الأساسي والنهائي. على الرغم من أن الإصدار Basic مجاني تمامًا ، إلا أن الإصدار Ultimate متاح لك لمدة 14 يومًا بعد التثبيت ، ثم يقدم 85 دولارًا لك لمواصلة استخدام ميزاته المتقدمة مثل Bullseye.
2. توب ستايل
التوافق: شبابيكميزة بارزة: نمط المفتش ، نمط الكناس ، CSS مرتبة
يبدأ محرر TopStyle CSS بإعجابك بتكوينه لأول مرة ، عندما يمكنك اختيار تعريف للنمط يعرض فقط الخصائص والقيم التي يدعمها إما Firefox ، أو Internet Explorer ، أو Safari ، أو حتى iPhone OS 2.0 ، وهو مفيد عمليًا للنظام الأساسي مصمم الويب.
من بين جميع الميزات التي وجدتها المفتش نمط مفيد بشكل خاص ، حيث إنه يعمل كلوحة للسماح لك بتضمين أي خاصية CSS بواجهة بسيطة للإشارة والنقر. عند الانتهاء من اختيار جميع خصائص CSS التي تريدها ، سيتم إنشاء شفرة المصدر تلقائيًا لتوفير وقتك من الترميز المتكرر والمتعب.
واحد آخر الأشياء الجيدة عنه TopStyle هل يُظهر توافق المستعرض أسفل عارض الأنماط الخاص به ، والذي يمكنك رؤية إما أن خاصية CSS مدعومة بالكامل بواسطة إصدار معين من مستعرض الويب مثل Internet Explorer 7 ، أو أنه عربات التي تجرها الدواب بشكل رهيب.
يأتي المحرر كنسخة تجريبية بميزة محدودة ، ويمكنك فتح إمكاناتها الكاملة بمبلغ 79.95 دولار.
3. نمط ماجستير
التوافق: ويندوز ، ماك OS Xميزة بارزة: قالب ورقة الأنماط
نظرًا لأن شركة Master Master قد أدعت نفسها على أنها رئيسية ، فقد عملت بشكل جيد لإنشاء بيئة تحرير CSS لأي مستوى من الخبرة. لا يوفر البرنامج محرر WYSIWYG الذي يسهل سير العمل للمبتدئين CSS فحسب ، بل يمنحك أيضًا الوصول إلى المعلومات المفصلة حول كل خاصية CSS للرجوع إليها من قِبل خبير. يمكنك تصفح واختيار خصائص CSS حسب الفئة أو الترتيب الأبجدي.
ربما تكون النقطة الأكثر تميزًا هي أن المحرر نفسه يحتوي على ما يقرب من 20 قالبًا من أوراق الأنماط المفيدة لتتمكن من البدء بها ، وليس من المستغرب أن يكون لدى النمط الرئيسي قواعد CSS نظيفة جدًا ومرتبة جيدًا ومحددة في القالب المدمج.
يمكنك الاستمتاع بالبرنامج الكامل الميزات لمدة 30 يومًا ، ودفع 59.99 دولارًا أو 29.99 دولارًا لترخيص التعليم لفتح كامل إمكاناته مرة أخرى.
4. زايل نطاق
التوافق: ماكميزة بارزة: وضع التحديد ، المجموعة الذكية ، تكامل محرر النصوص
Xyle النطاق هو يجب أن يكون محرر CSS مجاني لنظام التشغيل Mac, لأنه محرر CSS محترف حقًا يسمح لك بتصفح موقع الويب بينما يتم ضبط CSS الخاص به مباشرةً داخل المحرر.
متصفح زايل يأتي مع وضع المتصفح العادي ووضع التحديد الذي يتشابه تمامًا مثل مكون Firefox الإضافي ، Firebug الذي يوفر عرض مصدر CSS وتحريره ، باستثناء أن المحرر يسمح لك بحفظ قيم CSS المعدلة في موقعها الأصلي.
باستخدام 'المجموعة الذكية"ميزة ، أنت قادر على تصفية جميع القواعد التي تؤثر على الطريقة التي يتم بها عرض الروابط أو المسؤولين عن التخطيط ، ويمكنك حتى تضييق النتيجة من خلال وظيفة البحث المضمنة ، وليس أكثر من طريقة التجربة والخطأ!
نطاق زايل تقدم أيضًا تكاملًا مع برامج تحرير النصوص الخارجية مثل BBEdit لإجراء أعمال ترميز أكثر ملاءمة وموفرة للطاقة ، ما عليك سوى إجراء تغيير وسيقوم محرر النصوص أو Xyle Scope بتحديث جميع التغييرات تلقائيًا لك.
5. CSS السريع
التوافق: شبابيكميزة بارزة: بناء الجملة تمييز ، إكمال التعليمات البرمجية ، تنسيق CSS
Rapid CSS هو السبيل لتحرير CSS أكثر راحة وملاءمة ومعقدة. لديه محرر نصوص قابل للتخصيص بالكامل مع ميزات مفيدة مثل تسليط الضوء على بناء الجملة ، واستكمال الكود ومرجع CSS مدمج لتجربة تشفير غير مؤلمة.
بالاهتمام بنظافة CSS الخاصة بك ، يمكنك تنسيق ورقة أنماط CSS ، مثل إعادة ترتيبها حسب نوع CSS أو إنشاء خصائص مختصرة لجعل ورقة الأنماط تبدو أكثر راحة وحلوة. يضمن مدقق الشفرة المدمج أيضًا أن ورقة الأنماط الخاصة بك ليست نظيفة فحسب بل صالحة.
يأتي المحرر مع فترة تقييم مدتها 30 يومًا مع 30 استخدامًا ، ويمكنك الانتقال إلى الإصدار الكامل بمبلغ 29.85 دولارًا.
6. ستايل ستوديو
التوافق: شبابيكميزة بارزة: CSS Wizard ، IntelliStyle
يكمن الجمال الرئيسي لـ Style Studio في ميزة CSS Wizard الخاصة به ، والتي تعمل على توفير تأثير CSS فوري لك ببضع نقاط ونقرات.
على سبيل المثال ، يمكنك تحديد معالج الخطوط ، ثم اختيار عائلة الخط وتعيين حجم الخط له ، ثم نمط الخط والوزن والمتغير ... وازدهار! يتم إدراج القواعد في ورقة الأنماط كرمز CSS تم التحقق منه بالكامل.
تتضمن ميزة المعالج أيضًا قواعد الألوان ، والحدود ، والنص ، وتحديد المواقع ، والتصنيف ، وأخيراً تصفية ، كل شيء تقريبًا يمكنك التفكير في CSS. هذه المعالجات مفيدة جدًا حيث لا تحتاج إلى الكتابة بشكل متكرر لتحقيق بعض تأثيرات CSS المعقدة. ميزة أخرى نبيلة هي IntelliStyle ، والتي تعمل مثل إكمال التعليمات البرمجية لتختار بعض خصائص CSS لغرض التصميم الخاص بك.
الجانب السلبي لهذا المحرر هو دعم تعريف أسلوب المتصفح القديم ، حيث أنه يدعم فقط IE6 و ، أيضًا ، لا يوجد Firefox.
لقد مُنحت 30 يومًا للاستمتاع بالبرنامج و 49.99 دولارًا لشرائه.
7. CSSEdit
التوافق: ماكميزة بارزة: مفتش الأشعة السينية ، محرر مرئي ، محدد البناء
صمم مواقع ويب جميلة ومبتكرة وسريعة التحميل من خلال تطبيق جميل ومبتكر وسريع ، وهذا هو CSSEdit MacRabbit. من ميزات مثل Selector Builder وحتى بيئة المصدر الذكية ، تم تصميم CSSEdit لأي مستوى من الخبرة.
باستخدام محرر مصقول للغاية مثل هذا ، من المتوقع أن ترى التغييرات في ورقة أنماط CSS الخاصة بك تظهر في الوقت الفعلي ، دون أن تتعب من إجراءات تحديث التحميل. يتم إنشاء مفتش الأشعة السينية أيضًا كميزة لتشخيص كود CSS من جزء معين من الموقع.
الجزء المبتكر لل CSSEdit ربما لها محدد البناء يتيح لك وصف نمط CSS الخاص بك مع الإنجليزية البسيطة ، وليس الكثير من الاهتمام للخبير ولكنه مفيد للمبتدئين المطلقين.
يحدك الإصدار التجريبي من حفظ الملف بأقل من 2500 حرف ، بينما يمكنك دفع 39.95 دولارًا للقضاء على جميع القيود.
8. EngInSite CSS Editor
التوافق: شبابيكميزة بارزة: أداة القياس في وضع المعاينة
إذا كنت مصممًا جادًا يهتم بمواصفات CSS الصحيحة ، أو يجب أن يكون موضع CSS الصحيح ، أو يجب أن تكون ورقة أنماط CSS الخاصة بك قد تم التحقق من صحتها تمامًا ، فيمكن أن يكون محرر EngInSite CSS هو المحرر المفضل لديك.
في هذا المحرر ، يمكنك إضافة فئة ومعرف ومختار عنصر بمساعدة مفتشها المدمج ، كما يمكنك تحويل اللون إلى قيمة Hex أو RGB ، وهي ميزة نادرة جدًا لمحرر CSS. يمكنك ملاحظة نتيجتك في لوحة المعاينة باستخدام أدوات القياس للتأكد من أن كل عنصر من عناصر التصميم في الموضع الصحيح.
يأتي المحرر أيضًا مع اكتمال التعليمات البرمجية ، ولكن هذا عربات التي تجرها الدواب قليلاً ، لذلك أود أن أقول إنه إكمال التعليمات البرمجية شبه. بخلاف ذلك ، من الجيد استخدام المحرر بالكامل ، باستثناء حقيقة أن المحرر قد عفا عليه الزمن تمامًا فيما يتعلق بدعم تعريف نمط المتصفح ، حيث أنه يدعم فقط تعريف نمط IE6.
9. صانع ورقة الأنماط
التوافق: شبابيكميزة بارزة: CSS العلامات
يعد Stylesheet Maker محرر CSS قياسيًا آخر يوفر سطح ترميز نظيفًا مع لوحة مستكشف الملفات ، وبعض أدوات CSS المفيدة للمساعدة في تعيين الخط واللون والهامش والحدود ، إلخ..
بالمقارنة مع العديد من المحررين CSS مثل السريع المغلق أو استوديو ستايل, يتميز Maker بواجهة أقل لكنه نظيف للغاية ، وهذا مفيد للمبتدئين الذين لا يرغبون في تعقيد الأمور ، أو CSS ninja الذي يريد كل شيء بسيطًا ومريحًا.
على الرغم من أن هذا المحرر مصمم للمستخدم الوسيط ، إلا أن ميزة CSS Tags الخاصة به يمكن أن تساعدك في إنشاء قاعدة CSS مع العلامات بواسطة النقرات..
يتكلف هذا المحرر 34 دولارًا ، أو يمكنك شرائه من خلال برنامج CoffeeCup كحزمة شراء.
10. اردو CSS
التوافق: شبابيكميزة بارزة: العقدة ، CSSTidy
Arduo CSS هو محرر CSS مولود حديثًا ويهدف إلى إرضاؤك من خلال واجهة سهلة الاستخدام وسهلة الاستخدام. من خلال الواجهة النظيفة وإبراز بناء الجملة ، نضمن لك إنشاء وتحرير ملف CSS دون الكثير من المتاعب والانقطاع. كما يمكنك استخدام ميزة "العقدة" لتحديد قواعد CSS بالنقاط والنقرات.
بالنسبة لأولئك الذين يشعرون أن ورقة الأنماط ثقيلة جدًا ، يمكن أن تساعدك أداة CSSTidy من المحرر على تحسين ورقة الأنماط والقضاء على جميع التعليمات البرمجية غير الضرورية.
المحرر متاح بحرية على موقعه الرسمي.
11. المغلق بسيط
التوافق: ويندوز ، ماك OS Xميزة بارزة: استيراد ملف CSS ، واجهة Point-and-click ، قاعدة بيانات خطوط إضافية
تمامًا مثل اسمه ، يحتوي Simple CSS على كل ما يحتاجه المصمم لتحرير CSS البسيط. يمكنك استيراد ملف CSS إلى المحرر وتعديله ببضع نقرات ، والتحقق من النتيجة في لوحة المعاينة الخاصة به ، واخراج الكود المصدر على الفور.
على الرغم من أنه يمكنك استيراد كل ملف CSS تقريبًا إلى المحرر ، إلا أنه يمكنك عرض قاعدة CSS واحدة فقط بنقرة واحدة ، وفي بعض الأحيان قد يتسبب الاستيراد الخاص بك في حدوث خطأ بسبب تقييده مثل عدم وجود دعم @ rules. كما أن المحرر نفسه ليس مرنًا جدًا حيث يمكنك فقط تحديد "تلقائي" أو "وراثة" لخاصية z-index ، ولكن لا يعطي العقار قيمة مباشرة.
ومع ذلك ، فهو مجاني وسهل الاستخدام للمصمم الذي يحتاج إلى حل سريع.
المكافأة: المزيد من المحررين والأدوات
على الرغم من أنهم ليسوا محرري CSS بالضبط ، إلا أن الأدوات التالية هي شيء قد ترغب في الحصول عليه عندما يتعلق الأمر بتحرير CSS.
الحرائق
أداة تطوير الويب الأكثر شعبية والأقوى التي تتفقد HTML ، وتعديل نمط CSS ورؤية التغييرات في الوقت الحقيقي ، وهي متاحة كمكون إضافي لمتصفح الويب Firefox.
استخدام المغلق
امتداد لـ Firebug والذي يسمح لك بمسح صفحات متعددة من موقعك لمعرفة قواعد CSS المستخدمة فعليًا في موقعك.
مطور ويب
امتداد Firefox لك للقيام بالكثير من الأشياء الرائعة مثل عرض مصادر CSS أو تعطيل ورقة أنماط معينة من CSS للتصميم أو استخدام التطوير.
المفكرة++
محرر شفرة المصدر المجاني واستبدال المفكرة الذي يدعم عدة لغات بما في ذلك CSS. يحتوي على ميزات مثل إتمام الوظيفة للمساعدة في بناء تصميم CSS الخاص بك.
المقطع الختامي
محرر نصوص متقدم مع محرر CSS مدمج يوفر لك وضعين لتحرير CSS لتجربة تصميم أكثر مرونة ، قادر على رؤية النتيجة فورًا بعد إجراء التغييرات.
NetBeans IDE
بيئة تطوير متكاملة مفتوحة المصدر ومحترفة مع مرجع CSS الأكثر اكتمالًا في ميزة إكمال التعليمات البرمجية الخاصة بها.
Aptana Studio
بيئة تطوير الويب الكاملة التي تجمع بين أدوات التأليف القوية لـ HTML و CSS و JavaScript ، تدعم حاليًا حتى HTML5 و CSS3.
WebStorm
IDE الخاص بـ JetBrain الذي يقوم بتنفيذ الإكمال التلقائي ذي الصلة لكل شيء بما في ذلك CSS ، كما يمكنك إعلامك بمشكلات CSS أثناء الطيران.
