موارد جديدة لمصممي ومطوري الويب (فبراير 2016)
كان عام 2015 عامًا رائعًا على الويب: لقد كانت تقنيات الويب كذلك المعتمدة في العديد من العوامل وراء بناء موقع على شبكة الإنترنت أو تطبيق ويب. يتم الآن إنشاء العديد من تطبيقات الأجهزة المحمولة وسطح المكتب باستخدام HTML و CSS و JavaScript. تم تحقيق ذلك بفضل طبيعة قابلية تقنيات الويب والمكتبات مثل React.js و Angular و Node.js.
لذلك ، في الجزء الحالي من هذه السلسلة ، قمنا بتجميع حفنة من مكتبات JavaScript و CSS.
انقر للحصول على مزيد من المواردانقر للحصول على مزيد من الموارد
ابحث عن مجموعتنا الكاملة من الموارد الموصى بها وأفضل أدوات تصميم وتطوير الويب المتاحة.
شريط التمرير المسطح
يأتي jQuery UI مع مجموعة من واجهة الويب الشائعة بما في ذلك Slider - وهي واجهة مستخدم تتيح للمستخدم تحديد مجموعة من القيم الرقمية. ال شريط التمرير المسطح هي أداة ويب تجعل تخصيص نمط واجهة المستخدم jquery ، والذي كان في وقت ما مهمة شاقة للغاية ، أصبح أسهل بكثير الآن.
فائدة مفتوحة من نوع
فائدة مفتوحة من نوع هي عبارة عن مجموعة من الفصول الدراسية إلى تطبيق الميزات المتقدمة CSS المطبعية هذه الحروف المركبة بالحروف وحروف كبيرة صغيرة وغير ذلك الكثير. إنها توفر بشكل أساسي أفضل تجربة قراءة ممكنة للمستخدمين بتفاصيل دقيقة. يتحلل بشكل جيد في المتصفحات القديمة غير المدعومة.
ResponsifyJS
أحد القيود المشهورة التي تواجهها الصور المستجيبة هو أنها عادةً ما تقوم بتغيير حجم الصورة بشكل صحيح ، لكن هذا يحول النقطة المحورية الرئيسية للصورة عندما يتم تصغيرها إلى حجم منفذ عرض صغير جدًا.
ResponsifyJS هي مكتبة جافا سكريبت خفيفة الوزن التي يمكنك استخدامها ل تعيين الإحداثيات للحفاظ على تركيز الصورة بينما يتم تغيير حجمها.
خطي
خطي تطبيق مسطرة لنظام التشغيل Mac. يمكنك استخدام المسطرة لقياس صفحات الويب ، ومعرفة حجم عنصر ما دون الحاجة إلى فتح DevTools أو معرفة ما إذا كان العنصر مركزًا بشكل مثالي. يمكنك الحصول على مساطر متعددة ، وتبديل الوحدة من PX إلى EM.
StickyStack
StickyStack هو مكون إضافي مسج لإنشاء تجربة تمرير مكدس ، عندما تصل لوحة إلى الجزء العلوي من إطار العرض ، تتمسك هناك ، بينما المزيد من التمرير يسحب لأعلى اللوحة التالية. إنه مكون إضافي خفيف الوزن مع بعض الخيارات لتكوين حاوية الصفحة ، وقسم التكديس ، بالإضافة إلى صندوق الظل للمجموعات. تحقق من التجريبي.
مشاهد
مشاهد هو البرنامج المساعد jQuery لـ lightbox للصور - طريقة شائعة رائعة لتكبير الصور على الويب. البرنامج المساعد يأتي مع خيارات ساحقة تسمح لك تخصيص كل بت من صندوق مضئ جهة تعامل.
كما يوفر البرنامج المساعد مجموعة من واجهات برمجة التطبيقات والأحداث المخصصة للسيطرة الكاملة على صندوق مضئ الاستجابة والسلوك. والأكثر من ذلك ، أنه يعمل وفقًا لبرنامج Internet Explorer 8.
DeviceMock
DeviceMock هي مكتبة جافا سكريبت التي تسمح لك إنشاء إطارات الجهاز أو نماذج بالحجم الطبيعي مثل الهاتف والكمبيوتر اللوحي وسطح المكتب. وبالمثل ، توفر المكتبة خيارات لتعيين لون سمة الإطار وحجمه وكذلك اتجاه الإطار.
قد يكون بديلًا جيدًا لعرض الويب والتطبيق بدلاً من استخدام Photoshop.
Clrs
Clrs هي مبادرة ل إعادة تعريف ألوان الويب الافتراضية إلى نغمة ألوان أكثر ملائمة للعين. بالإضافة إلى ذلك ، فإنه يدعم مجموعة من مجموعات الألوان لتحسين إمكانية الوصول. يمكنك نشر هذه الألوان من خلال حوامل ألوان NPM و Gem (Ruby) و Photoshop و Illustrator.
Colorify
Colorify هي مكتبة جافا سكريبت فائقة خفيفة الوزن (3 كيلو بايت مصغر) إلى استخراج الألوان المهيمنة من صورة مع الكثير من واجهات برمجة التطبيقات لمعالجة الألوان. يمكنك استخدام اللون المستخرج كعنصر نائب أثناء انتظار تحميل الصورة بالكامل ، أو إنشاء خلفية متدرجة ، أو ضبط الواجهة المجاورة لتلبية لون الصورة.
BookBlock
BookBlock هو jQuery المساعد ل إنشاء كتيب مع تأثير صفحة الوجه. يعد عرض صور متعددة بديلاً جميلًا على موقع الويب الخاص بك ، خاصةً إذا كان هناك تسلسل أو تدفق تريد عرضه.
يمكنك التحقق من العرض التوضيحي هنا للحصول على فكرة عن كيفية عمل BookBlock.
