1. مترو واجهة المستخدم CSS
Metro UI CSS هو إطار عمل CSS يقوم بتنفيذ واجهة نمط Metro لنظام التشغيل Windows 8.
2. سي إس إس كومب
يمكن لـ CSScomb فرز خصائص CSS باستخدام طرق فرز محددة، ويوفر إصدارات متعددة، بما في ذلك:
CSScomb Online CSScomb for Sublime Text 2 (أيضًا في التحكم في الحزم) CSScomb لـ Textmate CSScomb لـ Coda & Coda 2 CSScomb لـ Espresso 2 CSScomb لـ IntelliJIDEA/WebStorm/PyCharm CSScomb لـ Notepad++ CSScomb لـ Vim 3. CSS3Ps
CSS3Ps عبارة عن مكون إضافي مجاني لـ Photoshop قائم على السحابة، ويعمل على تحويل طبقات Photoshop إلى تطبيقات CSS3 بنفس المظهر تمامًا. يمكنك تحديد طبقات ومجموعات طبقات متعددة وتحويلها بنقرة واحدة. يتم تحويل السكتة الدماغية إلى خاصية حدود CSS. يتم تحويل الظل الداخلي والتوهج الداخلي والظل والتوهج الخارجي إلى خصائص ظل الصندوق في CSS. يمكنك رؤية الأنماط الناتجة في متصفحك ومشاركتها مع الآخرين. يعمل مع نظام التشغيل Windows أو Mac OS X وPhotoshop CS3 وما فوق. وأفضل ما في الأمر أنه مجاني تمامًا!
4. مستجيبة
ResponsiveAeon هو إطار عمل HTML5/CSS3 يمكنه إنشاء تخطيطات سريعة الاستجابة بسرعة كبيرة. يحتوي على نظام شبكي يعتمد على 12 عمودًا بعرض إجمالي 1104 بكسل ويوفر 3 فئات أساسية سهلة الاستخدام للغاية. يتيح الإطار استخدام @mediaqueries ويدعم أي حجم للجهاز. بالإضافة إلى أنظمة الشبكة، هناك أيضًا أنماط للطباعة والقوائم والجداول والأزرار والجداول.
5. صقل الشريحة
يعد RefineSlide مكونًا إضافيًا خفيف الوزن (مضغوطًا بحجم 4 كيلو بايت) من jQuery لدمج تأثير شريط التمرير سريع الاستجابة والمعتمد على الصور في موقعنا على الويب. يستخدم شريط التمرير انتقالات CSS3 + تحويلات ثلاثية الأبعاد (مع احتياطي JS) ويحتوي على مجموعة من التحولات الجذابة. يحتوي على خيار لعرض الصور المصغرة (المنسقة تلقائيًا والمستجيبة) أو الأسهم للتنقل (تدعم لوحة المفاتيح).
6. الفوتون
Photon هي مكتبة جافا سكريبت تتيح إضافة تأثيرات إضاءة بسيطة إلى أي عنصر في مساحة ثلاثية الأبعاد. لإنشاء التأثير، يستخدم كائن WebKitCSSMatrix (WebKit هو محرك المتصفح الوحيد المدعوم). يمكن تحديد زاوية الضوء وتغييرها في أي وقت مما يوفر الوظيفة. من الممكن تعريف كائن ما عن طريق إضاءته واحدًا تلو الآخر أو مجموعة في المرة الواحدة، ويمكننا تخصيص التأثير عن طريق تحديد الحد الأقصى لاستخدام الأسود + الأبيض.
7. جريدباك
الغرض من Gridpak هو تنفيذ تصميم صفحة ويب سريع الاستجابة وتحسين سير العمل وتوفير الوقت. يقوم Gridpak بإنشاء واجهات سريعة الاستجابة وبسيطة من خلال إنشاء صور PNG وCSS وJavaScript.
يتوافق ملف CSS الذي تم إنشاؤه بواسطة Gridpak مع IE 8+، ولكنه يستخدم العديد من خصائص CSS التجريبية، مثل استعلامات الوسائط وحجم الصندوق وخصائص قطع الخلفية، لذلك نوصي باستخدامه مع Modernizer لضمان التوافق مع الإصدارات السابقة.
8.Morf.js
يوفر Morf.js مجموعة من أساليب JavaScript لتسريع تأثيرات تحويل CSS3 المختلفة. جميع الطرق المدعومة موضحة في الشكل أعلاه، وليست هناك حاجة لكتابة تعليمات برمجية CSS3.
9. جومبي
Gumby هو إطار شبكة CSS سريع الاستجابة وعرضه 960 بكسل ويدعم شاشات الكمبيوتر والكمبيوتر اللوحي والهاتف المحمول. على غرار Bootstrap الخاص بـ Twitter، فهو يشتمل على مجموعة أدوات Web UI مع أزرار وجداول وتنقلات + تسميات جيدة المظهر وملف JavaScript صغير
10.AppJS
AppJS هي مكتبة JavaScript مثيرة تتيح لنا تطوير تطبيقات سطح المكتب بسرعة (HTML وCSS وJavaScript) باستخدام تقنيات الويب. يستخدم AppJS Node.js كدعم خلفي.
11. دعم المتصفح
دعم المتصفح هو محرك بحث بسيط يستخدم لمعرفة ما إذا كانت خاصية CSS معينة مدعومة من قبل متصفح محدد. يوفر مربع إدخال بحث الإكمال التلقائي.
12. سبرايت باد
يعد SpritePad حلاً مثاليًا يسمح لك بإنشاء صور متحركة لـ CSS في ثوانٍ. ما عليك سوى سحب صورك وإفلاتها على اللوحة وستكون متاحة على الفور بتنسيق PNG sprite + رمز CSS.
13. HTML5 من فضلك
HTML5 الرجاء مساعدتك في التحقق مما إذا كانت ميزات مثل HTML5 وCSS3 جاهزة أم لا.
14.jsFiddle
jsFiddle هو تطبيق ويب يستخدم بشكل أساسي للمساعدة في اختبار مقتطفات التعليمات البرمجية لـ JavaScript وCSS.
15.Animate.css
يحتوي Animate.css على بعض CSS التي تنفذ تأثيرات الرسوم المتحركة المختلفة.
16. المفرط
Excessive هي أداة ضغط CSS تم تطويرها في Python والتي يمكنها سحب وإسقاط أي عدد تريده من الملفات ودمجها في ملف واحد وضغطها بسرعة.
17. تحديث CSS
CSSrefresh هي مكتبة JavaScript تُستخدم لتنفيذ وظيفة التغيير الفوري لتأثير نمط صفحة الويب دون تحديث الصفحة، وهي عبارة عن ميزة التوصيل والتشغيل ولا تتطلب التكوين، ما عليك سوى إدخال ملف JS في الصفحة.
18.Impress.js
impress.js عبارة عن حزمة Javascript، وتتمثل مهمتها في السماح لك بإنشاء تأثيرات عرض محتوى مبهرة، وهي تستخدم بشكل أساسي التدوير والتشويه والقياس والميزات الأخرى لتحويلات CSS ثلاثية الأبعاد، لذلك لا يمكن استخدام سوى الإصدار الأحدث من Firefox أو Google Chrome أو Safari لمعرفة التأثير الذي ينتجه ويبدو أنه يمكن استخدامه أيضًا في متصفح IE 10 الذي لم يتم إصداره بعد.
19. بير CSS
Bear CSS هو تطبيق ويب مجاني يقوم بإنشاء أنماط CSS بناءً على HTML معين.
20. أقل CSS
Less CSS هو معالج أولي لـ CSS يستخدم على نطاق واسع ويعمل على توسيع CSS من خلال بناء جملة ومتغيرات بسيطة، مما يمكن أن يقلل الكثير من تعليمات CSS البرمجية.
يوفر LESS ميزات لغة ديناميكية لـ CSS، مثل المتغيرات والوراثة والعمليات والوظائف. ويمكن تشغيل LESS على العميل (يدعم IE 6+ وWebkit وFirefox) أو على الخادم (مع Node.js).
21.css2less
css2less هي أداة صغيرة تم تطويرها في Ruby لتحويل CSS إلى ملفات بتنسيق Less CSS.
22.ResponsiveGS
Responsive GS عبارة عن إطار عمل CSS لشبكة مرنة لتطوير مواقع الويب سريعة الاستجابة.
يتوفر نظام GS المستجيب بثلاث نكهات: 12 و16 و24 عمودًا، ويدعم جميع الأجهزة القياسية التي تستخدم استعلامات الوسائط.
23. أشكال CSS3
CSS3 Shapes هو موقع على الإنترنت يستخدم CSS3 لتحقيق تأثيرات رسومية متنوعة.
24. سهم CSS من فضلك
CSS Arrow Please هو منشئ أنماط CSS قائم على الويب ويمكن استخدامه لجميع أنواع CSS مثل الخطوط والأزرار والجداول وأيقونات التحميل وما إلى ذلك. ويتم تنفيذه بالكامل باستخدام CSS، دون الحاجة إلى صور.
25. ويب المعجون
WebPutty هو تطبيق يسمح لك بكتابة تعليمات برمجية CSS عبر الإنترنت، مع محرر يدعم تمييز بناء الجملة ولوحة معاينة على الجانب تسمح لك برؤية التغييرات في الوقت الفعلي.
26.CSSFx.js
عند كتابة CSS، غالبًا ما تتم إضافة العديد من البادئات اعتمادًا على المتصفح، مثل -moz-border-radius. هناك أيضًا الكثير من عدم الرضا في الصناعة حول هذا الموضوع. cssFx هو ملف js يمكنه إنشاء بادئة لك تلقائيًا، مما يوفر لك الكثير من الوقت والطاقة.
27. العلامات القذرة
Dirty Markup هو تطبيق مجاني قائم على الويب يساعدك على تنظيف الفوضى بسهولة. يستخدم المحرر وظيفة + AceEditor البسيطة ويمكن أن يكون لكل عملية تجميل مجموعة متنوعة من الخيارات للحصول على أفضل النتائج.
28. أزمة
Crunch هو محرر يعتمد على Less CSS الذي تم تطويره بواسطة Adobe AIR. يستخدم بشكل أساسي لتحرير Less وتجميعه في CSS.
29. اختبار CSS3
CSS3 Test هو موقع على الإنترنت يختبر دعم CSS3 للمتصفحات.
