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

إذا فاتتنا شيئًا تعتقد أنه كان يجب أن يكون في القائمة ، فأخبرنا بذلك في التعليقات. وإذا كنت تعرف تطبيقًا أو موردًا جديدًا يجب تقديمه في الشهر المقبل ، فقم بتغريده على carriecousins للنظر!

Vectr

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

vectr

Data Gif Maker

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

بيانات GIF

Emojify

أضف خيارًا emoji إلى روابط الويب مع هذا تقصير رابط أنيق . إنه يجعل عناوين URL صعبة سهلة الإدارة وهي عنصر ممتع لإضافتها إلى مشاركات مشاركة رابط الوسائط الاجتماعية.

emojify

Authentiq

إضافة عامل متعدد ومصادقة لا يتطلب كلمات مرور إلى موقعك على الويب باستخدام هذه الأداة. Authentiq الاتصال يتيح للمستخدمين تحديد وقت زيادة أمانهم ، وعما إذا كان استخدام عامل ثانٍ ، أو الذهاب بدون كلمة مرور. وهو متوافق مع OAuth 2.0 و OpenID Connect.

authentiq

أفضل خط الباحث

هل سبق لك أن رغبت في العثور على المجموعة الكاملة من Google Fonts من خلال تجميعها بشكل مرئي؟ هذه الأداة يفعل ذلك بالضبط. باستخدام الفلاتر وأنواع الأحرف ، يسمح لك المشروع بمشاهدة مجموعات من الخيارات ذات الخصائص المتشابهة بحيث لا تتعثر أثناء التصفح لساعات طويلة.

الخطوط

الحد الأدنى الهاتف نماذج بالأحجام الطبيعية

ال الهاتف المجاني بالحجم الطبيعي يتضمن إصدارات Sketch و Photoshop للمساعدة في عرض مشاريع التصميم. يأتي مع قماش كبير الحجم (6،962 × 4.350 بكسل) مع ألوان قابلة للتغيير للخلفية أو الأجهزة.

هاتف وهمية

أزرار التدرج

للمصممين المصابين بأزرار مسطحة ، أزرار Colorion's Gradient هي الحل. يأتي معرض الأزرار مع مجموعة متنوعة من الخيارات المتدرجة - أحادية ومتعددة الألوان - مع CSS بنقرة واحدة لاستخدامها في مشاريع الموقع. يمكنك من أي وقت مضى البحث عن طريق اللون للعثور على شيء من شأنها أن تطابق لوحة الخاص بك في لمح البصر.

التدرج على زر

T-التمرير

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

tscroll

OMG-IMG

إدراج الرموز مباشرة في HTML الخاص بك مع التعليمات البرمجية. إنه بسيط للغاية: فقط ضع العلامة و أداة Icons8 سوف تجد أيقونة مطابقة وتوليدها في النمط والحجم واللون الصحيح.

يا الهي

الحوذان عشب

الحوذان عشب هو مدير كلمات مرور مجاني ومفتوح المصدر لنظام التشغيل Windows و Mac و Linux. (يمكنك أيضًا إضافته إلى Firefox.)

الحوذان عشب

عداد الكلمات

عداد الكلمات بحساب عدد الأحرف أو الكلمات أو الجمل أو الفقرات أو الصفحات في الوقت الفعلي. فقط اكتب في المربع أو نوع اللصق من مكان آخر للحصول على الإحصائيات على الفور. ويمكن أيضًا استخدامه لتتبع طول النص وفقًا لمعايير الويب الشائعة مثل عدد الأحرف في تويتر والوصف التعريفي لـ Google ومعدل العرض على Facebook.

كلمة لمكافحة

العصرية النص النص الظلال

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

الظلال

Docsify

هذه الأداة هو مولد موقع وثائق مصنوع من دون ملفات HTML بنيت بشكل ثابت. وهو بسيط وخفيف الوزن ويتضمن ملحق بحث ذكي كامل النص. وهو يعمل مع مواضيع متعددة.

مستندات

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

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

انسجام

CSS دودل

الأداة لمتصفح Chrome و Safari يكوِّن شبكة من div مرسومة بمحتواها الخاص. كل ما عليك فعله هو نسخ النسخة لموقعك على الويب والمكونات تشبه أي عناصر HTML أخرى ويمكن تنسيقها أو التحكم فيها باستخدام CSS.

خربش

CSS نيون النص

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

نيون

تصميم Framer

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

المبروز

MakersMusic

تعبت من نفس قوائم التشغيل القديمة عند العمل؟ صناع الموسيقى ينظم المقاطع الموسيقية للمصممين والمطورين بقوائم تشغيل جديدة كل أسبوع.

موسيقى

Cymbria

Cymbria هو نمط الخام أو تقريبها sans serif محرف. يتضمن الإصدار المجاني ستة أوزان ولديه شعور المرح ، خمر.

cymbria

العاطل برو

العاطل برو هي نسخة مطورة ومكررة وموسعة بشكل كبير من عائلة من نوع الطبقات ، إيديلير (2011). إن نظام Idler مخصص للعناوين الرئيسية الكبيرة والجريئة ويسمح للمستخدم بتشكيل "الأوزان" المختلفة لخلق مظاهر ملونة وثلاثية الأبعاد. لديه عدد من الأوزان ومجموعة كبيرة من الشخصيات المحركة.

المهمل

Metrosant

Metrosant هو محرف هندسي - وهو خيار عصري تمامًا - وهذا جريء وسهل القراءة. يتضمن مجموعة كاملة من الحروف والكثير من الحروف الإفتراضية الإضافية.

metrosant

ميلر الملح / الصيف الجنة

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

ميلر الصيف

Moare

Moare هو نمط محرف مزخرف لبصمات الأصابع. ويشمل مجموعة الأحرف العليا والصغيرة ولديه شعور خفيف.

moare

Montecantini

Montecantini لديه مظهر وطابع سفر متميز في المدرسة القديمة. يمكن أن يكون خيار عرض رائع للتطبيقات الأنيقة.

مونتي

شوارع هادئة

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

هادئ

Wavehaus 1.005

Wavehaus هو حرف sans serif serif باستخدام الأوزان المتعددة ومجموعات الأحرف الصغيرة والصغيرة. ويشمل أيضا الأرقام وعلامات الترقيم المشتركة. من السهل قراءتها ولها شعور عصري.

wavehaus