ملخص المواد الطازجة من عالم الواجهة للأسبوع الماضي # 427 (3 - 9 أغسطس 2020)

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

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

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

• بودكاست "معايير الويب" # 241. ملفات البودكاست الجانبية ، والأحداث عبر الإنترنت ، وأخبار المتصفح ، والرئيسية بدلاً من الرئيسية ، والبحث عن التعاطف

• بودكاست CSSSR: اختبار مكونات Vue ، وخريطة طريق تطوير Github ، وإصدارات Angular و Next.js و git

• Podcast "Frontend Youth (18+)" # 149 : ناجيبل يذوب الأنهار الجليدية

تطوير الشبكة

• تقنيات التطوير الأمامية التي ربما لم تلاحظها

• الاستخدام الاحترافي لأدوات مطور Chrome: 13 نصيحة

• دليل تطوير الويب للمبتدئين "دليل عدم المصطلحات" - نشر موقعك الأول

• إصدار Emmet 2 لـ Sublime Text

• 
  
  • . 1. Critical Render Path
  
  • SSR 10
  
  • Google Core Web Vitals
  
  • «Performance» Chrome React.
  
  • content-visibility: CSS, .
  
  • , Performance Score ( )
  
  • hero-
  
  

• 
  
  • Facebook.com
  
  • Axe-core 4.0,
  
  •
  
  

• 
  
  • «UI Interactions & Animations Roundup #9»
  
  • Magnetic Buttons — «» .
  
  • SVG
  
  • «Inspirational Websites Roundup #17»
  
  

CSS

• شبكة CSS واضحة للجميع

• استعلامات الوسائط في SCSS - طريقة أخرى ملائمة لاستخدامmedia screen

• 6 ميزات CSS قوية تجعل من الممكن الاستغناء عن JavaScript

• Drop-Shadow: عامل تصفية CSS غير مقدر

• القيم المحسوبة: أكثر مما تراه العين

• حل سهل للبناء على شبكة CSS مع استخدام JavaScript احتياطي

• التعمق في خاصية Flex

• حلول شبكة CSS الحديثة لمعظم مشاكل التخطيط

• تنفيذ تقليب الصفحة الواقعي في CSS

• تحسين CSS لتحميل أسرع للصفحات

• مفردات CSS تفاعلية

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

• وزن الخط: 300 يمكن أن يكون ضارًا (وحلاً محتملاً باستخدام fontconfig)

• Superhero Layout - الجمع بين شبكة CSS وأشكال CSS

جافا سكريبت

• حيل JavaScript المفضلة

• وحدات العقدة في الحرب: لماذا لا تعمل وحدتا CommonJS و ES معًا

• RxJS و Firebase 101

• الإعلان عن موقع ويب جديد لـ TypeScript

• مقارنة نماذج التفاعل - React vs Vue vs Svelte vs MobX vs Solid

• 1Keys - كيف صنعت بيانو في 1KB JavaScript فقط

• 
  
  • JavaScript
  
  • Array.isArray(Array.prototype) true?
  
  • c , .
  
  

• React
  
  • Concurrent Mode React: -
  
  • Next.js SEO
  
  • React
  
  • Redux
  
  • React: React .
  
  • react-spring
  
  

• Vue
  
  • Vue.js , 9:
  
  • Vue.js , 10:
  
  • - VuePress Bulma
  
  • React Vue.js:
  
  

• Angular
  
  • Angular-
  
  • Angular
  
  • Angular — .
  
  • Angular 10
  
  • Angular,
  
  • Change Detection Angular, -
  
  • Angular 10 — Angular
  
  

• Ember
  
  • The Ember Times — Issue No. 159
  
  

• Svelte
  
  • Svelte Radio, Episode 8 — Amelia Wattenberger, Svelte, D3 and other fun stuff!
  
  • Svelte React?
  
  • svelte
  
  

• Libs & Plugins
  
  • 8 JavaScript Local Storage
  
  • jois — - -.
  
  

• بدأ Firefox في تنشيط الحماية ضد حركات التتبع من خلال عمليات إعادة التوجيه

• New Edge للجميع. منعت Microsoft القدرة على إلغاء تثبيت المتصفح من Windows 10

• تستمر الحصة السوقية لمتصفح Chrome و Edge في النمو ، ويفقد Firefox شعبيته

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

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

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