CoolHue اختار مكتبة باستيل التدرج الويب

تدرجات الويب هي عشرة سنتات هذه الأيام لأن CSS3 يجعل إنشاء التدرجات من نقطة الصفر أمرًا سهلاً ، ومع مكتبة الأكواد الصحيحة ، يصبح الأمر أسهل.

هنا تأتي قيمة coolHue. ربما تكون هذه المكتبة المجانية على الإنترنت هي أفضل مكان العثور على التدرجات رهيبة لموقعك.

تتبع معظم التدرجات مجموعة ألوان باستيل ساطعة جدًا بلونين أو ثلاثة ألوان. لكن التدرجات سهلة التحرير حتى تتمكن من العمل مع أي موقع.

من الصفحة الرئيسية ، قد لا يبدو كثيرًا. إنها في الغالب مجموعة من التدرجات المنتقاة يدويًا والتي تتميز بألوان مختلفة وخيارات ألوان. ومع ذلك ، إذا قمت بزيارة GitHub repo ستجد قصة أخرى كاملة. هذه المجموعة هي أفضل خيار للعثور عليها لوحات الألوان الشخصية, جميع مصممة خصيصا للمواقع.

من السهل بدرجة كافية نقل هذه التدرجات إلى واجهة مستخدم تطبيقات الجوال أيضًا. لكنني وجدت أنها مفيدة للغاية مع اتجاهات التصميم الأحدث مثل الظلال المسقطة.

عند تحرير موقعك ، يمكنك ذلك تمرير درجات الألوان في مجموعة مخصصة colorData متغير. يجب أن يظهر هذا داخل HTML الرئيسي الخاص بك جنبا إلى جنب مع جميع العناصر الخاصة بك التدرج.

باستخدام JavaScript ، يمكنك التحكم الكامل في كيفية مزج الألوان معًا. يمكن أن يدعم CSS3 أيضًا ألوانًا متعددة ولكن من الأصعب تشغيلها في جميع عناصر الصفحة وجميع المتصفحات.

مع موقع coolHue ، يمكنك حتى تنزيل ملفات PNG المجانية للتدرجات. وبهذه الطريقة ، يمكنك تحريرها في مشاريع تصميم الرسوم ، أو نماذج بالحجم الطبيعي ، أو استخدامها خارج كود HTML / CSS / JS الخام.

وإذا كنت من مستخدمي Photoshop كبيرة ، فهناك ملف تدرج .grd مع كل تدرجات coolHue. حق رائع?

تفضل بزيارة GitHub repo للحصول على تعليمات الإعداد ونماذج مقتطفات الكود. ستجد أيضًا ملف التدرج PS مع ملف Sketch للتدرج والمزيد.