موارد جديدة لمصممي ومطوري الويب (نوفمبر 2012)

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

لذلك ، دعونا نتحقق منها.

تحقق من جميع مواردنا الطازجة (حسب الشهر):

بروتو

أصبح تصميم الويب المتجاوب الآن الممارسة المعتادة في إنشاء موقع ويب. هذا يجعل هذه أداة مفيدة حقا لإنجاز المهمة. تم بناء Proto على SCSS من أجل إعداد النماذج السريعة الاستجابة للتخطيط بسرعة من خلال توفير فئات CSS محددة مسبقًا جاهزة للاستخدام ، وتحديد الشبكة المستجيبة وبعض فئات الجهاز المحددة.

عرض الشبكة

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

BootMetro

يطبق Windows 8 بساطة لغة تصميم المترو. إذا كنت ترغب في احتضان هذا النمط على موقع الويب الخاص بك ، فمن المحتمل أن يكون BootMetro هو ما تحتاجه.

سفلية

هناك العديد من مظاهر بداية WordPress المتاحة في الإنترنت ، ولكن لا يوجد أي شيء آخر كبير مثل Underscores. مع ذلك ، يمكنك تحديد وتخصيص اسم السمة والوصف والمؤلف وتحديداً السمة المميزة التي تنطبق على وظيفة السمة بمجرد تنزيل الحزمة ، بحيث تحصل على شيء مثل theme_slug_function.

Jarallax

مثل تأثير المنظر الذي تراه في مواقع مثل هذا؟ إذا كنت ترغب في تطبيق تأثير مماثل على موقع الويب الخاص بك ، يمكنك استخدام Jarallax ، مكتبة الرسوم المتحركة JavaScript لإنشاء تأثير Parallax (في أي وقت من الأوقات تقريبا).

عاصف

هل تشعر بالملل من تأثيرات انزلاق المعرض التي تتحرك أفقياً فقط؟ ثم تحقق من Windy ، التي تستخدم التحويل ثلاثي الأبعاد لتشغيل المحتوى بطريقة فريدة من نوعها حقًا. انظر التجريبي هنا.

TiltShift

باختصار ، tiltShift في التصوير الفوتوغرافي هو أسلوب لجعل الصورة تبدو أصغر حجمًا ، مثلها تمامًا تقريبًا. تحقق من مجموعتنا من هذه الصور في هذا المنشور: “التصوير الفوتوغرافي المائل للإزاحة”. إذا كنت ترغب في تطبيق هذا التأثير في معرض الصور الخاص بك ، يمكنك ببساطة استخدام مكتبة JavaScript هذه ، TiltShift.js.

تسلسل

Sequence.js هو البرنامج المساعد المتزلج مسج استجابة مع بعض الآثار الانتقالية المتقدمة. على عكس شريط التمرير الآخر ، فإن Sequence لا يأتي مع سمة مدمجة خاصة به. لذلك ، يمكننا تخصيص الشكل والمظهر بشكل كامل ليتوافق مع موقعنا.

دلتا

jQuery UI هي مجموعة كاملة من واجهة مستخدم الويب المشتركة والتفاعل ، وهو سهل الاستخدام. ومع ذلك ، فإن السمة الافتراضية مملة. لذلك ، إذا كنت ترغب في إلقاء نظرة مختلفة على jQuery UI ، ومع ذلك لا ترغب في جعل يديك متسخة مع CSS ، فيمكنك ببساطة استبدال أنماط CSS الافتراضية بـ Delta ، وهي سمة مميزة لـ jQuery UI.