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

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

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

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

يتيح لنا CSS3 Gradient إنشاء تدرجات غير مجدية على موقعنا دون الحاجة إلى تحميل أي صور. يمكننا حتى دمجها مع CSS3 Animation لإعطاء تأثير أكثر قوة. ولكن إذا كانت الشفرة أكثر من اللازم بالنسبة لك ، فاستخدم مسار Gradient Animator الأكثر بساطة لإنشاء واحد بواجهة جميلة.

SVG دليل الجيب

SVG دليل الجيب يتم تجميعها من قبل جوني Trythall. إنه مرجع مفيد سوف ينقلك إلى أساسيات SVG (مثل إنشاء الأشكال والنصوص) وصولاً إلى الميزات الأكثر تقدماً (مثل إنشاء التدرجات ومسارات القطع والأنماط). يأتي الكتاب بتنسيق تخفيض السعر باللغات الإنجليزية والبرتغالية.

Flexbugs

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

ICONO

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

ديلينجر

ديلينجر هو محرر Markdown السرور. هنا يمكنك الكتابة بتنسيق تخفيض السعر ، ومشاهدة الإخراج في علامة تبويب اليد اليمنى على الفور. لراحتك ، يسمح لك Dillinger بتصدير عملك إلى HTML أو PDF أو بتنسيق ملف Markdown بمجرد الانتهاء من ذلك. بدلاً من ذلك ، يمكنك أيضًا توصيله بخدمة خارجية مثل Dropbox و Github حيث يمكنك حفظ الملف الخاص بك.

HTML5Up

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

ألوان CSS

من أي وقت مضى يتساءل ما يدعى لون معين? ألوان CSS يظهر اسم اللون وكذلك تنسيق Hex و RGBA لمجموعة من الألوان الأساسية. إنه مصدر جيد للعثور على مزيج الألوان المثالي لمواقع الويب الخاصة بك.

Emmet إعادة النظر

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

TypeGenius

إذا ألقيت نظرة على مكتبة Google Font ، فستجد الكثير من الخطوط في مختلف الوجوه والأسرة والوزن والأنواع. وبالتالي فإن اختيار الزوج أو مجموعة الخطوط المناسبة قد يكون مهمة ساحقة حقيقية. TypeGenius يجعل اختيار أزواج الخطوط بسيطًا وسريعًا وممكنًا لعامة السكان.

SearchCode

كما ذكر الاسم ، هذا محرك بحث للبحث عن أكواد أو مقتطفات شفرة للعديد من لغات البرمجة بما في ذلك JavaScript و C و PHP. سيستمد محرك البحث هذا نتيجته من العديد من المصادر مثل Github و Bitbucket و Google Code. هذا هو أداة محددة يجب أن يكون للمبرمجين الثقيلين.