Grunticon مهمة Grunt.js التي يمكن تشغيلها على المجلد الذي يحتوي على الصور SVG. يمكنك استخدام الصور PNG كذلك، ولكن النتائج لن تكون للغاية "vectorish".
Grunticon يعمل عن طريق أخذ كل هذه الرموز SVG ويولد شفرة CSS التي يمكنك استخدامها لتضمينها بشكل صحيح على صفحات الويب، مع المدمج في دعم لتخطيطات سريعة الاستجابة والأجهزة الشبكية.
رمز CSS التي تم إنشاؤها بواسطة هذا التطبيق يغطي جميع أساسيات، يأتي في ثلاثة إصدارات مختلفة:
- عناوين البيانات SVG
- عناوين البيانات PNG
- صور PNG الكلاسيكية
أدرج الطريقة الثالثة بمثابة تراجع لمتصفحات لا تدعم البيانات SVG، مما يجعل الرموز SVG كصور PNG العادية. إذا كان SVGs غير متوفرة في شكل PNG، ثم Grunticon وتحويلها لك تلقائيا ووضعها في مجلد خاص.
عن طريق تحرير بضعة أسطر في ملف مهمة Grunt.js، يمكن للمطورين أيضا ضبط خصائص الرموز أنتج، بدءا من بادئة CSS إلى موقع ملف معاينة HTML.
جنبا إلى جنب مع CSS، كما يمكن إنشاء ملف JS الصغيرة، والتي يمكن استخدامها لتحميل الملفات بشكل غير متزامن SVG، والتأكد من أنها لا تحجب تقديم الصفحة في حالة استخدام سلع متعددة على نفس الصفحة.
لديها الرموز المتولدة عن طريق Grunticon أيضا القدرة على أن تكون على غرار عبر CSS، أصدرت في لون الاختلافات مختلفة، وحتى الرسوم المتحركة.
يتم توفير تعليمات التثبيت مع ملف اقرأني على الحزمة
المتطلبات:.
Grunt.js 0.4.2 أو أعلى
لم يتم العثور على التعليقات