ملخص المواد الطازجة من عالم الواجهة للأسبوع الماضي # 437 (12-18 أكتوبر ، 2020)

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

الوسائط     |    تطوير الويب     |    CSS     |    جافا سكريبت

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

• بودكاست "معايير الويب" # 251. Chrome 86 و Safari و Firefox ، بداية مجموعة واجهة المستخدم ، SSR و Next.js ، حول ماراثون Zara و JS

• Podcast "Make Me Beautiful" العدد رقم 45: 18+ قصص الواجهة الأمامية الرائعة

• CSSSR Podcast: Webpack 5 والوحدة النمطية الاتحاد ، Chrome 86 ، npm 7 ، Event Loop & Call Stack ، Python 3.9 ، a11y material

تطوير الشبكة

• نصنع تطبيقات الويب من أجل الاقتصاد - ولكن هذا المسار يقودنا إلى الظلام

• الوضع المظلم: مرحبًا بالظلام ، يا صديقي القديم

• من HTTP إلى HTTP 3 - إنترنت المستقبل

• 11 خدعة للواجهة الأمامية لا يعرف عنها الكثير من مطوري الواجهة الأمامية

• الويب المكونات: الدليل الكامل

• كيفية إنشاء الاتصال في الوقت الفعلي باستخدام Socket.io & Node.js

• 
  
  • :
  
  • NPM 7.0
  
  • webpack: webpack 5
  
  • Webpack 5
  
  • Chrome DevTools
  
  

• 
  
  • Core Web Vitals: - Google
  
  • ?
  
  • - PRPL
  
  • Largest Contentful Paint:
  
  

• 
  
  • CSS , 2:
  
  • Checka11y.css — CSS .
  
  • , CSS
  
  

• 
  
  • , Mark Appleby
  
  • Material Design
  
  •
  
  • Motion Blur CSS Transitions
  
  • -
  
  • CSS
  
  

CSS

• متغيرات CSS - دورة المقاتلين الشباب

• 10 تخطيطات حديثة في سطر واحد من CSS

• CSS-in-TS المتقدم

• اختيار تخطيط CSS - الشبكة أو Flexbox؟

• - -var:؛ الاختراق لتبديل قيم متعددة باستخدام خاصية مخصصة واحدة

• حجم الخط المتجاوب باستخدام Vanilla CSS

• تحسينات الخاصية المنطقية مع الاختصارات

• الحيلة المرئية للتركيز

• مجموعة مختارة من 20 أداة تحميل متحركة في CSS خالص

• min () ، max () و clamp (): ثلاث وظائف CSS منطقية لاستخدامها اليوم

• شبكة التخطيط: استكشاف شبكة CSS بصريًا باستخدام مولد

• وظيفة صورة CSS جديدة ()

• تتبع المستخدم باستخدام CSS

جافا سكريبت

• WorkBox: مجموعة أدواتك في عالم العاملين في الخدمة

• ما هو WeakSet في JavaScript وكيف يعمل

• لماذا يجب عليك استخدام Top- Level Await في JavaScript؟

• الشروع في استخدام JavaScript - Proxy الحديث

• رحلة إلى أداء عرض متماثل الشكل

• Object Oriented JavaScript: القليل من الممارسة

• توثيق مشاريع TypeScript: الخيارات

• React
  
  • D3 React
  
  • . Part 1
  
  • React Wallaby.js
  
  • Framer Motion — React.
  
  • long-running React -
  
  • Wouter: React Router
  
  

• Vue
  
  • Nuxt Content ( )
  
  • Vue
  
  • VueJS script gadgets
  
  

• Angular
  
  • Angular DI,
  
  • Lazy Load Angular
  
  • Angular LetDirective — 1
  
  • .CSS .SCSS Angular
  
  

• Ember
  
  • yieldable named blocks
  
  

• Svelte
  
  • Svelte , React
  
  • Svelte
  
  

• Libs & Plugins
  
  • نظام أساسي مناسب لاختيار المكتبات وأطر عمل JavaScript - openbase
  
  • اكتشاف GPU - يكتشف وحدات معالجة الرسومات بناءً على نتائجها في اختبارات أداء العرض ثلاثي الأبعاد ، مما يسمح للمطور بتوفير إعدادات افتراضية معقولة لتطبيقات الرسومات المكثفة.
  
  • dragmove.js - مكتبة جافا سكريبت صغيرة لسحب العناصر وإفلاتها في DOM
  
  • بدء استخدام Malina.js
  
  • 3 أسباب لاستخدام عدد أقل من مكتبات JavaScript
  
  

استوعب الأسبوع الماضي .

المواد المعدة dersmoll و alekskorovin .