ملخص المواد الطازجة من عالم الواجهة الأمامية للأسبوع الماضي رقم 415 (11-17 مايو 2020)

نلفت انتباهك إلى مجموعة مختارة تحتوي على روابط لمواد جديدة من منطقة الواجهة الأمامية وحولها.

الإعلام     |    تطوير الويب     |    CSS     |    جافا سكريبت     |    المتصفحات

وسائل الإعلام

• بودكاست CSSSR: Github Codespaces و Playwright و Puppeteer وتخطيط البناء وفايرفوكس 76 و NodeJS 14.2.0 وإصدارات أخرى
• بودكاست معايير الويب رقم 230: نسبة العرض إلى الارتفاع والإعلان والمظهر: لا شيء ، تنتظر المستوى الأعلى ، دينو ، التخزين ، وأسعار الأنماط
• UnderJS Podcast # 21 - Node.js 14 ، TypeScript 3.9 [كلاسيكي]
• Podcast Frontend Youth # 138 مهام الإشارات
• Vadim Makeev video blog blog رقم 21. أدلة الشبكة التكيفية على التدرجات والخصائص المخصصة

تطوير الشبكة

• تصميمات الواجهة الأمامية الحديثة (الجزء 2)
• مارتن سبليت: لا تحاول إعادة اختراع العجلة في تحسين محركات البحث
• التغلب على علامات UTM
• الصور المتاحة عندما تكون ذات أهمية أكبر
• التخزين المستمر
• مرئي SVG Path
• مجموعة من المفاهيم الإبداعية "تقرير التفاعلات والرسوم المتحركة رقم 6 لواجهة المستخدم"

• الأداء
  
  • أنماط مكلفة. تقرير Yandex
  • تحسين تحميل الخط المكتوب بخط اليد
  • هل يستحق استضافة خطوط Google

CSS

• الخط المستجيب. تكييف النص بين القيم الوهمية والدقيقة
• وظائف CSS min () و max () و clamp ()
• الرسوم المتحركة للجدول الزمني في CSS: إنشاء آلة Goldberg
• حلول CSS الحديثة لمشاكل CSS القديمة
• إصلاح CSS لـ 100vh في WebKit المحمول
• كيفية ترويض ارتفاع الخط في CSS
• تخطيط البناء التكيفي على شبكة CSS + جافا سكريبت فانيليا
• استخدام أقنعة CSS لإنشاء حواف متعرجة
• تحويل كائن ذي حجم ثابت إلى عنصر تكيفي

جافا سكريبت

• ننضم إلى ISS باستخدام جافا سكريبت والبوصلة
• قدم Node.js منصة جافا سكريبت الآمنة Deno 1.0
• أصعب الأسئلة في مقابلات جافا سكريبت. الجزء 2
• دليل Deno: مقدمة موجزة عن Deno
• شهادة Node.js: تجربتي ونصائح
• ميزات JavaScript التي يمكنك نسيانها
• إصدار TypeScript 3.9
• مقارنة Elm مع Ember Octane و React

• 
  
  • Async/Await
  • , spread JavaScript
  • JavaScript
  • Javascript- Google
  

• React
  
  • « React»: Recoil — A state management library for React Pro Unlimited
  • : Deno React SSR
  • Recoil — React
  • React — ( !)
  • : () React
  • React. “prefers-reduced-motion”
  • React
  • TypeScript React Webpack Babel
  • stale props React
  • React Cool Inview — React , ( )

• Vue
  
  • Vue , ,
  • 5 JavaScript, Vue
  • TypeScript Vue.js.
  

• Angular
  
  • Angular
  • Angular
  • - Angular
  • if- Angular
  • Angular Starter: Angular 9 + Material + Transloco + Jest + Compodoc
  

• Ember
  
  • Ember 3.18
  • MDN web docs: Ember tutorials
  • The Ember Times — Issue No. 148
  • Coveralls Ember
  • Ember:
  

• Svelte
  
  • 3 Svelte
  • Typescript Svelte
  

• Libs & Plugins
  
  • 5 JavaScript-
  • Perfume v5 — -
  

• إضافة Chrome لإخفاء التوصيات المشتتة للانتباه على YouTube
• بدءًا من آب (أغسطس) ، سيبدأ Google Chrome في حظر الإعلانات "الثقيلة" التي تضع عبئًا ثقيلًا على وحدة المعالجة المركزية والبطارية
• ستضيف Google تجميع علامات التبويب والتمييز في Chrome لزيادة الإنتاجية
• في Firefox 78 ، سيظهر مدير العمليات
• سيبدأ Google Chrome في حظر تحميل الإعلانات كثيفة الموارد
• تم إجراء تغييرات مثيرة للجدل على واجهة وضع القارئ في الإصدارات الليلية من Firefox
• قامت Mozilla بتعطيل المصادقة الإضافية للأنظمة التي لا تحتوي على كلمة مرور رئيسية
• ما الجديد في DevTools (Chrome 84)

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

← ملخص الأسبوع الماضي .
أعدت المواد dersmoll و alekskorovin .