ملخص المواد الطازجة من عالم الواجهة للأسبوع الماضي # 445 (7-13 ديسمبر 2020)

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

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

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

• "News 512" من CSSSR: PhpStorm 2020.3 ؛ الكاتب المسرحي ومحرك الدمى والسيلينيوم ؛ Next.js في Lyft دورق 1.0 ؛ State of JS 2020 ، بالإضافة إلى الإصدار النصي

• معايير الويب podcast # 259: Chrome 88 ، و State of CSS و JS ، وخطوط الترميز ، و Monument Valley ، وتخطيط 2008 ، والقصة ، والشرير

• Make up like in 2020 أو Tricks on SVG: الأقنعة والتحولات والحساب

• أفضل 10 ملفات بودكاست لمصممي الويب والمطورين والمحترفين الرقميين

تطوير الشبكة

• التفكير كمطور للواجهة الأمامية

• Web Almanac 2020: تقرير أرشيف HTTP السنوي عن حالة الويب

• تصحيح أخطاء WebAssembly بأدوات حديثة

• كيف أنشأت واجهة برمجة التطبيقات للأعمال عن طريق الخطأ

• تراكب الشفافية على الفيديو مع التوافق عبر المستعرضات

• الأدوات
  
  • خارطة طريق لحزمة الويب في عام 2021
  
  • دليل NPM للمبتدئين
  
  • الغوص العميق في روما: الفحص والتجميع والبناء
  
  

• 
  
  • Google: Core Vitals
  
  • CSS
  
  • Lighthouse GitHub Actions
  
  • Web Vitals WebPageTest
  
  • Network Chrome Dev Tools
  
  

• 
  
  • — , 5
  
  • Alt vs Figcaption
  
  • , 1: ARIA, Focus Focus Management
  
  •
  
  

• التأثيرات
  
  • التخطيطات مع التمرير الأفقي السلس
  
  • تنفيذ نص ذو تأثير خلل في CSS في 3 دقائق
  
  

CSS

• CSS Scroll Snap

• استخدام خصائص CSS المخصصة لضبط عرض الخط المتغير في الوضع المظلم

• طي قواعد الهامش

• تصميم سلاسل التعليقات

• لماذا أحب Tailwind

• ما الذي يمكنك إضافته إلى متغير CSS؟

• تأثير Parallax مع CSS Sticky

• فئة المنفعة لتغطية العناصر

جافا سكريبت

• العرض التفاضلي - جعل الشفرة أكثر وضوحًا وأداءً

• نقل حرف على الكائنات المتحركة باستخدام JavaScript: الجزء 1 ، الجزء 2

• مقدمة إلى واجهة برمجة تطبيقات تحديد الموقع الجغرافي في JavaScript

• التفكير في 25 عامًا من JavaScript

• نشر وتقديم ودمج JavaScript الحديثة بشكل أسرع التطبيقات

• كيفية إنشاء لعبة ثعبان في JavaScript

• واجهة برمجة تطبيقات CSS Paint: العشوائية التي يمكن التنبؤ بها

• لنقم بإنشاء ناقل حدث أصلي في JavaScript

• 9 JS CLI 2021(React, Svelte, Angular, Vue+)

• 
  
  • JavaScript – , , Let, Const, ES6+
  
  • JavaScript
  
  • JavaScript
  
  

• React
  
  • Effector React + TypeScript
  
  • React
  
  • JSX React 17
  
  • 5 , React Hooks
  
  • - React
  
  • CSS-in-JS 175
  
  • React 17 Webpack 5
  
  

• Vue
  
  • Vue 2 Vue 3
  
  • Tricky, Tricky— Vue 3
  
  • Vue 3
  
  • React Vue.js
  
  

• Angular
  
  • - Dialogflow Angular-
  
  • Angular Code Splitting
  
  • @ngneat/dag
  
  • Angular. Angular
  
  

• Ember
  
  • Ember Octane
  
  • Autotracking: Elegant DX Via Cutting-Edge CS
  
  

• Svelte
  
  • Svelte React
  
  • Svelte:
  
  

• شكلت Google و Intel و Zoom وغيرهم تحالفًا للترويج لـ Chrome بين المؤسسات

• أنهت Google برنامج Internet Explorer الذي طال معاناته

• تسهل Google مزامنة كلمات المرور وبيانات الفوترة في Chrome عبر الأجهزة

• تم نقل Chrome 88 إلى بيان جديد غير متوافق مع uBlock Origin

مسلية

• إصدار WordPress 5.6 "Simone" مع سمة Twenty-One الجديدة ومحرر محسّن

• أصدرت Cloudflare خدمة تحليلات الويب المجانية مع دعم خصوصية البيانات

• قدمت Google تصنيفًا لمشاريع مفتوحة المصدر الهامة

• يتيح لك Gmail الآن تحرير المستندات المرفقة مباشرةً في البريد

• Adobe Flash تلقى Player آخر تحديث قبل انتهاء الدعم

• سيخفي بروتوكول الإنترنت الجديد Apple و Cloudflare المعلومات حول المواقع التي زارها المستخدم من الأطراف الثالثة

• لم تعد البكسلة تحمي المعلومات الموجودة على الصور - كانت هناك خوارزمية قادرة على استعادة الصورة

• الذكاء الاصطناعي والوعي: لعبة تقليد



← ملخص الأسبوع الماضي تم

إعداد مادة dersmoll و alekskorovin