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

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

ICONO

مجموعة من الرموز التي تم إنشائها باستخدام CSS خالٍ ، وتجنب الحاجة إلى SVG أو الخطوط أو أي شيء آخر.

ICONO

أيقونات النص المسطح

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

أيقونات النص المسطح

قوالب Nexus 6

ثمانية نماذج بالأحجام الطبيعية لعرض تصميماتك في هاتف Nexus 6 الذكي ، بما في ذلك كائنات ذكية لسهولة التعامل معها.

قوالب Nexus 6

لوحة ألوان مسطحة UI للرسم

احصل على النغمات المناسبة لمشروع Sketch القادم من خلال تطبيق لوحة الألوان الرائعة هذه.

لوحة ألوان مسطحة UI للرسم

Apple Watch UI Kit

مجموعة أدوات واجهة المستخدم لـ Adobe Illustrator والتي تسمح لك بإنشاء جميع أنواع التصميمات والنماذج بالأحجام الطبيعية للجهاز.

Apple Watch UI Kit

شاشات التطبيق Perspective Mockup

مظهر بالحجم الطبيعي لإظهار تطبيقك أو تصميمك القادم بمنظور مثير للاهتمام متعدد الشاشات.

شاشات التطبيق Perspective Mockup

Nexus 5 Wireframe

مورد أنيق لسياق Nexus 5 في Photoshop.

Nexus 5 Wireframe

Publica UI Kit

مجموعة واجهة مستخدم أنيقة قائمة على المكونات متوفرة في كل من تنسيقات Photoshop و Illustrator. إنه في الغالب أسود وأبيض ، ويظل محايدًا ومفتوحًا لأي تغييرات تريد القيام بها.

Publica UI Kit

مجموعة مواد تصميم واجهة المستخدم

استخدم هذه المجموعة من عناصر التصميم لإنشاء واجهات وفقًا لفلسفة التصميم متعدد الأبعاد من Google.

مجموعة مواد تصميم واجهة المستخدم

IPhone Gold UI Kit

مجموعة ساحرة من عناصر واجهة المستخدم تتوافق مع الإصدار الذهبي للهاتف الذكي من Apple.

IPhone Gold UI Kit

Baikal UI Kit: Samples

النسخة المجانية من مجموعة Baikal UI بما في ذلك نماذج للعناصر المتعددة المتوفرة في النسخة الكاملة.

Baikal UI Kit: Samples

الأشكال واجهة مستخدم شفافة

مجموعة واجهة مستخدم جميلة تتميز بالشفافية من أجل توفير مظهر حديث وحاد.

الأشكال واجهة مستخدم شفافة

ريس الخط

خط رائع مصنوع يدويًا للعناوين والنصوص الكبيرة. المتاحة في تنسيقات TTF و OTF.

ريس الخط

كينو 40 الخط

خط مكتوب بخط اليد للاستخدام الشخصي والتجاري.

كينو 40 الخط

بانتون

عائلة الخطوط الحديثة تتناسب مع العناوين الرئيسية وتقدم أربعة أوزان حرة.

بانتون الخط

عائلة باكرسفيلد الخط

عائلة خطوط كاملة تقدم اثنين من الأوزان الأكثر شيوعًا مجانًا تمامًا.

عائلة باكرسفيلد الخط

خط الاحد

خط ملتوي مرسومة باليد تم إنشاؤه كوسيلة للجمع بين التوضيح والحروف.

خط الاحد

PH CV قالب

قالب لصيغة vCard متعددة الأغراض بتنسيق PSD. يمكنك وضع جميع معلوماتك في الملفات الـ 11 المضمنة.

PH CV قالب

موقع السفر الصفحة المقصودة PSD

تصميم مثير للاهتمام لموقع ويب موجه إلى السفر ، قابل للتحرير بالكامل في Photoshop.

موقع السفر الصفحة المقصودة PSD

Foliac المحفظة حقيبة PSD

قالب نظيف وحديث لموقع الويب الخاص بك المقبل يأتي في شكل PSD.

Foliac المحفظة حقيبة PSD

FitDife صفحة واحدة PSD القالب

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

FitDife صفحة واحدة PSD القالب

فونتانا وورد موضوع

موضوع WordPress يعتمد على المحتوى مع تخطيط بسيط وأدوات متعددة للبحث ، Flickr ومقاطع الفيديو والمزيد.

فونتانا وورد موضوع

التنوير وورد الموضوع

مظهر بسيط ومتعدد الأغراض يضم تصميمًا بسيطًا وبسيطًا وشريط تمرير واسعًا على الشاشة وقسمًا للمحفظة والمزيد.

التنوير وورد الموضوع

Creativs: قالب موقع PSD و HTML5

نموذج كامل للأشخاص المشاركين في المشاريع الإبداعية ، في كل من إصدارات PSD و HTML5.

Creativs: قالب موقع PSD و HTML5

Oleose: الصفحة المقصودة لتطبيقات الجوّال

صفحة مقصودة ذات مظهر جيد لإصدار التطبيق الأحدث. مستجيب تمامًا ومبني باستخدام Bootstrap 3.

Oleose: الصفحة المقصودة لتطبيقات الجوّال

CSS3 أيقونات مسطحة

مجموعة مفصلة للغاية من الرموز بما في ذلك الظلال والألوان الساطعة ، تم تطويرها بدون أي شيء سوى CSS3.

CSS3 أيقونات مسطحة

شقة فَيَرفُكس

تصميم بسيط يستخدم CSS خالصًا ، يصور نافذة فايرفوكس بتصميم مسطح تمامًا.

شقة فَيَرفُكس

نقي CSS3 علامات التبويب

التنقل السلس البسيط والسلس الذي تم إنشاؤه بدون أي شيء سوى CSS3.

نقي CSS3 علامات التبويب

توسيع CSS3 / JQuery Panel

مجموعة مثيرة من الألواح بألوان وأشكال متعددة. ويستخدم CSS3 وقليلا من jQuery للعمل.

توسيع لوحة CSS3 / JQuery

زر مشاركة متحركة

زر مشاركة اجتماعية متحرك جيدًا باستخدام CSS و jQuery.

زر مشاركة متحركة

100 رمز للسياحة والسفر

مجموعة كبيرة جدًا من الرموز المتعلقة بالسفر والسياحة ، والتي يتم تقديمها بتنسيقي PNG و SVG.

100 رمز للسياحة والسفر

الصور الرمزية CSS

مجموعة مثيرة للاهتمام من الوجوه الضاحكة الرمزية شديدة التفصيل التي تم إنشاؤها بالكامل باستخدام CSS.

الصور الرمزية CSS

Dillinger: محرر تخفيض السعر على الإنترنت

قم بتحرير HTML5 على السحابة باستخدام أجهزة سطح المكتب أو الأجهزة المحمولة واحفظ المحتوى الخاص بك دون اتصال مع هذا المحرر المدعم من AngularJS.

Dillinger: محرر تخفيض السعر على الإنترنت

قم بتحويل تطبيق الويب PHP الخاص بك إلى Windows و Mac و Linux

قم بتطوير التطبيقات في PHP و HTML و JavaScript و CSS ثم قم بتشغيلها في Windows و Mac و Linux.

قم بتحويل تطبيق الويب PHP إلى Windows و Mac و Linux!

بناء آلة حاسبة مخصصة عبر الإنترنت

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

بناء حاسبة مخصصة عبر الإنترنت

Postatic: كل ما تحتاجه لبدء مجتمعك

أداة لإنشاء موقع مجتمعك الخاص باستخدام منهج Hacker News-like.

Postatic: كل ما تحتاجه لبدء مجتمعك

CSS متدرج الرسوم المتحركة

التبديل من التدرج إلى آخر باستخدام الرسوم المتحركة لينة وتخصيص السرعة والزوايا ، وذلك باستخدام CSS النقي.

CSS متدرج الرسوم المتحركة

Tuxedo.js

إطار مملوء بميزات مبنية على React و Flux.

Tuxedo.js

MINI 2

تطبيق PHP بسيط كبير للمشاريع السريعة والأساسية.

MINI 2

قارن معالجات ما قبل CSS

قارن بين معالجات CSS الرئيسية الثلاثة (Less، Sass و Stylus) لمعرفة أي منها يناسب مشروعاتك بشكل أفضل.

قارن CSS PREprocessors

مشغلات CSS

ورقة مرجعية رائعة لمعرفة التغييرات الإضافية التي يتم تشغيلها عن طريق تغيير خصائص CSS المختلفة.

مشغلات CSS

حجر الأساس

أداة من شأنها تسريع عملية إنشاء خوادم Express دون القلق بشأن التكوين.

حجر الأساس

Dropzone.js

مكتبة سلسة لإنشاء تفاعلات تحميل السحب والإفلات ، بما في ذلك معاينات الصور وتأثيرات التمحور المثيرة للاهتمام.

Dropzone.js

Labelauty مسج المساعد

امنح صناديق الاختيار وأزرار الراديو مظهرًا مذهلاً بفضل هذا المكون الإضافي jQuery.

Labelauty JQuery البرنامج المساعد

WOW.js: تكشف عن الرسوم المتحركة عند التمرير

قم بتشغيل الرسوم المتحركة بمجرد أن يقوم المستخدم بالتمرير خلال قسم من موقعك وتخصيص جوانب مثل التأخير والنمط والطول وغير ذلك الكثير.

WOW.js: كشف الحركات عند التمرير

TextAssist (jQuery و HTML / CSS و JavaScript)

تقديم خيارات مخصصة للمستخدمين تبرز قسمًا معينًا من النص.

TextAssist (jQuery و HTML / CSS و JavaScript)

LazySizes

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

LazySizes

تأثيرات التحريك بواسطة CSS3

تطبيق قدر كبير من تأثيرات التمرير في CSS على العناصر في مشروعك باستخدام Sass و LESS و CSS.

تأثيرات التحريك بواسطة CSS3

Snabbt.js

مكتبة رائعة لجافا سكريبت تسمح لك بعمل رسوم متحركة مباشرة لعناصر مشروعك.

Snabbt.js

Plottable.js

إنشاء مخططات جميلة وملونة وتفاعلية للتكامل في مشاريع الويب الخاصة بك

Plottable.js

Chroma.js

استخدم مكتبة جافا سكريبت هذه للتعامل مع اللون بطرق متنوعة.

Chroma.js

Flickity: أداة معرض مذهلة

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

Flickity: أداة معرض مذهلة

Deck.js

مكتبة مفيدة جدًا لإنشاء عروض HTML التقديمية. يمكن التحكم بها باستخدام لوحة المفاتيح أو الإيماءات التي تعمل باللمس لتسهيل التنقل.

Deck.js