ملخص المواد الطازجة من عالم الواجهة للأسبوع الماضي # 434 (21-27 سبتمبر 2020)

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

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

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

• بودكاست "معايير الويب" رقم 249. الدردشة في Telegram و Firefox 81 و Vue 3 و GitHub CLI و CSS debugging و new Nova ومحرر للويب

• Podcast "Frontend Youth (18+)" - # 156 التبديل من إبرة Styleguidist إلى Cosmos

• CSSSR podcast: Release Vue 3، PostCSS 8، TypeScript 4.1 Beta، Github CLI 1.0، sunset moment.js، internet history

• YGLF 2020 Vilnius: Digital Edition

تطوير الشبكة

• لا يحتاج مصمم التخطيط إلى الرياضيات 2: المصفوفات والتحولات الأساسية والعرض ثلاثي الأبعاد ومرشحات الصور

• لماذا تحتاج مواقع الويب إلى رأس HTTP Strict Transport Security (HSTS)

• الآمال التي لم تتحقق لمكونات الويب

• تبسيط مكدسك باستخدام منشئ موقع ثابت مخصص

• البدء العمل مع Eleventy

• طي الويب: إنشاء تصميم متجاوب حقًا للأجهزة القابلة للطي

• أداء الويب الحيوي . مقاييس الأداء الأساسية لموقع الويب الخاص بك

• 
  
  • Chrome DevTools
  
  • Chrome DevTools Issues
  
  • Fiddler Lighthouse
  
  

• 
  
  • -: WCAG
  
  • ComicA11y — ,
  
  • “W3C , ”. ?
  
  

• 
  
  • - «UI Interactions & Animations Roundup #10»
  
  • 25+ CSS
  
  • ray marching 2D webgl
  
  • Spring Physics: css
  
  

CSS

• فيديو متجاوب مع رياضيات CSS مدمجة

• لماذا :: قبل و :: بعد العناصر الزائفة لا تعمل لحقول الإدخال والصور

• رياضيات CSS

• RatioBuddy هي أداة بسيطة عبر الإنترنت تنشئ مقتطف SCSS لأي نسبة عرض إلى ارتفاع.

• ما الذي يحدث مع CSS Houdini؟

• 4 خصائص غير معروفة نسبيًا لإنشاء تخطيطات CSS

• البحث عن سبب خطأ CSS

• تصميم عنصر التفاصيل

• 3 أشياء قد لا تعرفها عن متغيرات CSS

• التحجيم الخطي لحجم الخط باستخدام CSS-clamp () استنادًا إلى إطار العرض

جافا سكريبت

• اتقان جافا سكريبت ES6 رمز

• إنشاء جافا سكريبت وعد من الصفر، الجزء 1: منشئ

• نظرة عامة على ما الجديد في ECMAScript 2021

• كل شيء عن لاغية في تفعيل جافا

• جافا سكريبت الشيئية: البدائيون وكائنات

• حلقات طرق صفيف من الداخل

• React
  
  • ReactJS:
  
  • React,
  
  • 15 React
  
  • SX Transform
  
  • React Suspense
  
  • visx Airbnb — React
  
  • JSX React
  
  • SPA React Helmet
  
  

• Vue
  
  • Vue.js 3.0 «One piece»
  
  • villus — GraphQL Vue.js.
  
  • code-splitting Nuxt.js
  
  • Vue 3 — ,
  
  • Vuex:
  
  • … Nuxt.js
  
  • Vue 3 Composition API Introduction [FULL TUTORIAL]
  
  • Vue 3 — ? ?
  
  

• Angular
  
  • TypeScript Angular
  
  • Angular
  
  • DOM Angular?
  
  

• Ember
  
  • The Ember Times — Issue No. 164
  
  • ember-data-jsonapi-fields
  
  • Autotracking: Elegant DX Via Cutting-Edge CS
  
  

• Svelte
  
  • Single File Components
  
  • 3 Svelte
  
  

• Libs & Plugins
  
  • Moon.js
  
  • fflate — JavaScript.
  
  • importabular — , Excel.
  
  

• إصدار Firefox 81

• أعلنت Microsoft عن بدء اختبار إصدار Linux من Edge في أكتوبر

• مشكلات في Chrome Web Store: Google تغلق أخيرًا Payments API

• إصدار Firefox Reality 12 ، متصفح أجهزة الواقع الافتراضي



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

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