ملخص للمواد الطازجة من عالم الواجهة للأسبوع الماضي # 443 (23 - 29 نوفمبر 2020)

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

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

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

• "أخبار 512" من CSSSR: متصفح من الداخل ، بوابة في لمحة ، bfcache ، Electron 11 ، الشك وحيوية الويب ، TIOBE في نوفمبر

• Podcast "معايير الويب" # 258. Bocoup والمظهر ، وتداخل CSS ، وتكييف الجدول ، وجهاز متصفح ، يناسب كل شيء في JS

• CSSSR News 512: Chrome 87 ، Firefox 83 ، TypeScript 4.1 ، aria-label ، نماذج HTML ، تدرجات CSS ، CSSBattle 2020

• JavaScript fwdays'20 Autumn online

• The Overflow Podcast 289: React، jQuery، Vue: ما هي النكهة المفضلة لديك من Vanilla JS؟

• ShopTalk # 440: بدون خادم وقاعدة بيانات محلية ووظائف الحافة واستخدام WordPress Serverless

• Syntax.fm podcast: Potluck - Frameworks vs Libraries × Debugging × CSS Modules vs Styled Components × Resumes × Stress Management × المزيد

تطوير الشبكة

• لماذا من الجيد للمستخدمين أن تكون HTML و CSS و JS لغات مختلفة

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

• استكشاف إمكانات عناصر التفاصيل والملخص

• نموذج بداية HTML الحديث

• نظرة عميقة في واجهة برمجة تطبيقات Page Lifecycle

• مقدمة إلى GraphQL للمطورين

• الرجوع إلى الأساسيات: إنشاء بطاقات قابلة للنقر في HTML و CSS و JavaScript

• 
  
  • 5 accessibility Chrome DevTools
  
  • NPM 7: ,
  
  • Dev Fonts —
  
  

• 
  
  • Brotli
  
  • Core Vitals
  
  • Layout Shift netlify.com
  
  • , FOUT Lighthouse
  
  • , AVIF
  
  • Lighthouse 96.
  
  

• 
  
  • «Inspirational Websites Roundup #20»
  
  • -
  
  • - Rogier de Boevé’s
  
  • , : ,
  
  • GSAP
  
  

CSS

• تفاصيل حول استخدام الدالة minmax () CSS في تخطيطات الشبكة

• آلة الحالة التي تم إنشاؤها باستخدام مربعات اختيار HTML و CSS

• Chrome DevTools: إعادة بناء أوراق الأنماط وتحسينها باستخدام لوحة نظرة عامة على CSS

• 5 عناصر زائفة لـ CSS لا تعرف بوجودها مشتبه به (وفقًا للمؤلف)

• مركز التنقل مع محتوى ملائم

• إرشادات إطار عمل CSS

• نصيحة سريعة لـ CSS: كيفية إظهار الكود المصدري بسهولة

• إنشاء زر CSS بتأثير لامع وتغييرات لونية سلسة بمرور الوقت

جافا سكريبت

• ECMAScript 4: الإصدار الذي تم لا

• A تفصيلية انظروا معروف الرموز

• Marko.js - الواجهة من موقع ئي بأي

• جافا سكريبت ديكور من الصفر

• جانب الخادم التقديم في جافا سكريبت: نهج عصري

• جافا سكريبت DOM المختارون - معرفة كيفية الحصول على الوصول إلى DOM [مخطط المعلومات الرسومي]

• استخدم console.log () مثل المحترفين

• React
  
  • React i18next
  
  • React
  
  • Boop! —
  
  • React workflow JavaScript
  
  • UI c SVG
  
  • React Redux: React Redux
  
  • PageSpeed ​​Insights React
  
  • React
  
  

• Vue
  
  • Vue.js
  
  • Vue (x) + Firebase
  
  • Vue Vue Testing Library
  
  

• Angular
  
  • , , Action Streams Angular
  
  • Angular
  
  • Angular
  
  

• Ember
  
  • Glimmer Snowpack
  
  • Component Primitives Deep Dive
  
  

• Libs & Plugins
  
  • ODIFF - أداة فرق البكسل الأسرع في العالم.
  
  • أنا جاهز - مكتبة js للتحقق مما إذا تم تحميل الصور أو مقاطع الفيديو
  
  • Suri - أداة تقصير الروابط الخاصة بك والتي يمكن نشرها بسهولة كموقع ثابت.
  
  

خلاصة الأسبوع الماضي .

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