موارد جديدة لمصممي ومطوري الويب (يوليو 2016)
تأتي هذه الدفعة مع مجموعة واسعة من الموارد مرة أخرى. لدينا مصادر لإلهام تصميم صفحتك المقصودة التالية ، طريقتان للمبرمجين لتخفيض تأثيرات الشاشة الساطعة ، ومكوِّن إضافي لإنشاء تخطيطات الويب باستخدام السحب والإفلات ، ومكوّن إضافي jQuery لاستخراج منتقي التاريخ ، والكثير من JavaScript المكتبات لمساعدة المطورين.
تتضمن أيضًا موارد على HTTP2 ، ومصطلحات مطبعية ، وبناء مواقع جاهزة لإمكانية الوصول ، ومحرك بحث لبناء جملة لغة البرمجة. دعونا التحقق منها.
انقر للحصول على مزيد من المواردانقر للحصول على مزيد من الموارد
ابحث عن مجموعتنا الكاملة من الموارد الموصى بها وأفضل أدوات تصميم وتطوير الويب المتاحة.
الهبوط فوليو
تُعد الورقة المقصودة مكانًا مركزيًا حيث يمكنك العثور على أمثلة لتصاميم الصفحات المقصودة. هناك المئات من الأمثلة على الموقع ، ويمكنك إعداد القائمة بدقة حسب فئتها. هذا هو بالتأكيد يستحق إشارة مرجعية لمصممي الويب.
استفسارات العناصر
جافا سكريبت التي تسمح لك لأداء استعلام العنصر. يُشار إلى استعلام العنصر بواسطة @جزء
وخلافا لذلك, @وسائل الإعلام
, @جزء
يدرك العديد من الظروف خارجها “ارتفاع” و “عرض”. يمكنك ، على سبيل المثال ، تطبيق الأنماط بناءً على أحرف الأرقام الموجودة في العنصر.
HTTP2
HTTP2 هو أحدث مواصفات HTTP مع تغييرات كبيرة. يعد بتحسين الأداء ونقل البيانات بكفاءة. في هذا المورد ، يمكنك العثور على هذه التغييرات (بتفصيل كبير) ، وتأثيرها على الأمان والسرعة وتجربة المستخدم.
Elementor
Elementor عبارة عن مكون إضافي لبرنامج WordPress يسمح لك بإنشاء تخطيطات ويب باستخدام ميزة السحب والإفلات. باستخدام Elementor ، يمكنك إنشاء تخطيط أكثر إقناعًا. إنها سريعة الاستجابة وقابلة للتخصيص بالكامل وسهلة الاستخدام.
TimeDropper
هذا البرنامج المساعد مزود ببعض الرسوم المتحركة التي تجعل تحديد التواريخ على الويب أكثر جاذبية. بالإضافة إلى ذلك ، تتوفر خيارات لتغيير مظهر واجهة المستخدم. بل هو البرنامج المساعد jQuery لالتقاط التاريخ مربي الحيوانات.
SyntaxDB
محرك بحث للبحث عن بناء جملة لغة البرمجة. يدعم حاليًا عددًا من اللغات ، بما في ذلك Java و C و Ruby و JavaScript و Python. قد يكون هذا هو محرك البحث النهائي للمطورين مع نمو قاعدة البيانات ودعم اللغة.
جيثب الظلام واجهة المستخدم
جيثب الظلام واجهة المستخدم هو موضوع لون أغمق لـ Github.com. قد يكون هذا نظامًا لونيًا بديلاً جيدًا ، إذا كنت تعمل في بيئات خافتة أو تضطر إلى التحديق على الشاشة لفترات طويلة من الزمن.
شراعية
بدلاً من تمييز الكود بألوان مختلفة ، كما ترون أدناه ، فإن Microlight يصنع الكود “توهج”. مكتبة جافا سكريبت التي تبرز رمز - حرفيا.
BarbaJS
BarbaJS هي مكتبة JavaScript تتيح الانتقال السلس للصفحة من خلال JavaScript History API / pushState. يأتي هذا المكون الإضافي مع Methods و Custom Events وحفنة من واجهات برمجة التطبيقات لتقديم تجربة أكثر سلاسة للصفحات على موقع الويب الخاص بك. وهنا بعض الأمثلة.
TypeTerms
من أي وقت مضى يتساءل ما الفرق بين “تباعد الحروف” و “تقنين” هو? TypeTerms هو عرض تقديمي تفاعلي حيث يمكنك معرفة هذه المصطلحات الطباعية مربكة.
ButterBean
ButterBean هو البرنامج المساعد الجديد والمتطور لبناء صندوق ميتا في وورد. تم تطويره وفقًا لواجهة برمجة تطبيقات WordPress Customizer الحديثة. فهو يجعل بناء واجهة مستخدم WordPress admin UI أكثر أناقة.
موضوع الطفل تحقق
ووردبريس البرنامج المساعد للتحقق من موضوع الطفل الخاص بك ضد موضوع الأصل ؛ سوف يتحقق ما إذا كانت الملفات التي يعتمد عليها السمة التابعة يتم تحديثها أم لا.
CloudFlare UI
CloudFlare UI عبارة عن مجموعة مكونات واجهة المستخدم مبنية على قمة React. النظر في شعبية React في ارتفاع ، قد يكون هناك عدد من أطر واجهة المستخدم مماثلة هناك.
Lerna
الحاجة إلى إدارة حزم ومستودعات متعددة في مشروع كبير أمر لا مفر منه. تتيح لك هذه الأداة معالجة هذا الموقف المعين وتبسيط سير العمل في النهاية.
هدئ أعصابك
هدئ أعصابك هي مكتبة JavaScript للمساعدة في تقليل استخدام وحدة المعالجة المركزية. يوفر مجموعة من الوظائف التي يمكن استخدامها بدلاً من وظائف JavaScript الأصلية. يمكن نشره على موقع ويب عادي أو بدون تطبيق يستند إلى Node.js.
جل الطباعة
جل الطباعة هو دليل أسلوب الطباعة لبي بي سي. مصدر رائع وإلهام لكيفية توحيد أنماط الطباعة الخاصة بك.
أنماط MIND
أنماط MIND هي دليل عملي لبناء موقع إلكتروني للتجارة الإلكترونية يمكن الوصول إليه. يوفر أدلة من حيث بناء HTML ، باستخدام تصنيف ARIA ، وإنشاء أنماط CSS سهلة الاستخدام للمستخدمين ذوي الإعاقات.
خصوصية المغلق
مجموعة من الرسوم التوضيحية التي تصف كيفية عمل CSS Specificity.
المغلق حفر
امتداد Chrome يساعدك على تحسين CSS. سوف تلغي صفحتك وتزودك بالتقرير ، قائمة الخصائص المستخدمة مثل الألوان.
قالب خبأ
مجموعة من القوالب المختارة يدويًا حيث يمكنك العثور على نوع واسع من القوالب بما في ذلك قوالب HTML5 و WordPress و Ghost و Bootstrap والتجارة الإلكترونية.