ملخص المواد الطازجة من عالم الواجهة الأمامية للأسبوع الماضي رقم 414 (4-10 مايو 2020)

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

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

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

• بودكاست "معايير الويب" رقم 228: DevTools ، موقع ويب معايير الويب ، اختيار النص ، px vs rem ، Atomic CSS-in-JS ، إعادة البناء
• بودكاست "Frontend Youth (18+)" # 136: حول المؤتمرات عبر الإنترنت مع Alexei Fedorov
• ترميز مباشر مع Vadim Makeev: حد أقصى للشبكات والمرونة مع الفجوات و BEM

تطوير الشبكة

• من سيدفن الويب الحديثة؟
• طريقة بسيطة للعمل مع الصور سريعة الاستجابة
• التخزين للويب
• مذكرة واجهة برمجة تطبيقات Canvas
• كيف ولماذا يجب عليك تجنب CORS في SPA
• 13 تلميحًا أمنيًا للتطبيقات الأمامية
• مشروع HTML5 Boilerplate يبلغ من العمر 10 سنوات

• 
  • 5 , -
  • Google Web Vitals:
  • ESLint v7.0.0
  •
  • actions-cli — GitHub Actions
  

• 
  • 5 +
  • FID (First Input Delay)
  • LCP (Largest Contentful Paint)
  • CLS (Cumulative Layout Shift)
  • webpack
  

• 
  • SVG
  • —
  • Range Slider CSS
  • WordPress
  • generic-components — -
  

CSS

• فهم CSS Grid ( جزءان ): خطوط الشبكة ، (3 جزء): مناطق الشبكة
• التظليل و CSS
• مغامرات تخطيط البناء في CSS
• طرق إعداد قوائم الأنماط
• وحدات `lh` و` rlh`
• اللعب مع (وهمية ) استعلامات الحاوية مع مربع المراقبة و resizeasaurus
• كل ما تعلمته عن min () و max () و clamp () في CSS
• دعنا نتعمق أكثر في خصائص حاوية CSS
• كيفية إنشاء إيقاع رأسي تكيف بسهولة باستخدام CSS
• يظهر في Chromium دعم فجوة Flexbox
• الانغماس العميق في CSS Grid
• اكتشافات CSS في تصميم Twitter
• إضافة CSS إلى صفحة باستخدام رؤوس HTTP
• كيفية إنشاء ألعاب CSS خالصة
• دليل كامل لميزات CSS

جافا سكريبت

• قاعة مشاهير JavaScript Workplace ، الجزء 2
• فهم (جميع) تنسيقات وأدوات JavaScript "المعيارية"
• ES2020: كل ما تحتاج إلى معرفته
• إنشاء مولد ألغاز الكلمات المتقاطعة باستخدام JavaScript
• عرض JavaScript ومشكلات تحسين محركات البحث في عام 2020
• حساب الوقت في جافا سكريبت

• React
  • Tablist Vanilla JavaScript React
  • -
  • React
  • React ?
  • react-virtual — React
  • React Flow —
  • react-select-search — select- React
  • React-Tiny-Link — - -
  

• Vue
  • Vue Firebase
  • Vue 3 Composition API —
  

• Angular
  • Observable Angular
  • Angular: Outlook
  • Angular — ,
  • Angular: ,
  • 6 , Angular
  

• Ember
  • Ember Octane React
  • The Ember Times — Issue No. 147
  

• Svelte
  • Svelte
  • 7 Svelte,
  • Svelte headless CMS
  • SvelteJS:
  • Sapper Svelte
  

• Libs & Plugins
  • RoughJS
  • Pico — Javascript
  • Selecto.js — , .
  

• إصدار Firefox 76
• إصدار Firefox 76 - معالجات الصوت وألوان نظام CSS والمزيد
• تم نشر Playwright 1.0 ، حزمة لأتمتة العمل مع Chromium و Firefox و WebKit
• Firefox 76: المخاوف الصوتية والحيل الأخرى

مسلية

• إجابة تكبير أخرى. ستقوم Google بتضمين مؤتمرات الفيديو عبر تطبيق Meet مباشرةً في Gmail
• تعلّم المتسللون إخفاء كاشطات الويب وراء مواقع التفضيل
• قام GitHub بتحليل تأثير COVID-19 على نشاط التطوير
• تمت إضافة بيئة تطوير ونظام مناقشة إلى GitHub
• كيفية تصميم ملف شخصي على GitHub بحيث يعمل عند البحث عن وظيفة
• قدم Facebook خدمة للدول الفقيرة - ستكون الإنترنت مجانية ، ولكن فقط في نص. المواد التحريرية
• يمنع الاتحاد الأوروبي استخدام "جدران ملفات تعريف الارتباط" على المواقع لتقييد الوصول إلى المحتوى وفرض جمع البيانات

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

ملخص الأسبوع الماضي .
أعدت المواد dersmoll و alekskorovin .