ملخص المواد الطازجة من عالم الواجهة للأسبوع الماضي # 425 (20-26 يوليو 2020)

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

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

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

• "معايير الويب" للبودكاست رقم 240: MoscowJS و beta Chrome 85 و TypeScript in Svelte والكتابة والتفريغ في CSS ، ما هو Numl

• Podcast " Frontend Youth (18+)" # 147: يأخذ Jenkins الرمز من Media Zone

• CSSSR podcast : Chrome 84 و Safari 14 Beta و Ember Roadmap 2020 و Yandex UI Kit و Open Prioritization و Oracle Update

• Podcast "Make Me Beautiful" العدد رقم 38: Tuples in js واستخدام التحسين المسبق

تطوير الشبكة

• حان وقت التحميل البطيء للخارج <iframe> s

• الواجهة اليمنى: تكييف عناصر التحكم مع اللغات التي تُكتب من اليمين إلى اليسار

• Yaml لمطوري الويب

• التفويض والمصادقة للجميع

• أجلت Google الانتقال إلى الفهرسة التي تعتمد على الجوال حتى مارس 2021

• HTML كامل في GitHub README مع SVG foreignObject

• تقديم Jamstack: إنشاء مواقع آمنة وعالية الأداء

• استخدام Chrome DevTools كمطور أول للواجهة الأمامية

• 5 استراتيجيات للتخزين المؤقت لعامل الخدمة لتطبيق PWA التالي

• 
  
  • HTML/CSS
  
  •
  
  • ADA Website Accessibility Compliance
  
  

CSS

• حلول حديثة لمشاكل CSS القديمة: إبقاء التذييل في أسفل الصفحة ، عناصر من نفس الارتفاع: Flexbox vs Grid ، تحجيم الصور باستخدام CSS

• طريقة أصلية لتلوين رموز SVG

• حول تعارضات Sass وميزات CSS الجديدة نسبيًا

• شرح الكلمات الرئيسية الأولية ، الموروثة ، غير المحددة والعودة إلى CSS

• property: superpowers CSS variables

• تقنيات CSS الحديثة لتحسين إمكانية القراءة

• keyframes.app - أداة مرئية عبر الإنترنت تسهل إنشاء CSS للرسوم المتحركة

• استخدام Flexbox مع حذف النص

• تسطير CSS المتحرك

• كيفية استخدام خلفيات متعددة في CSS

• متى تستخدم كتلة مضمنة؟

• مولد عبر الإنترنت لصور الكتب ثلاثية الأبعاد في CSS

• css-media-vars - طريقة جديدة لكتابة CSS سريعة الاستجابة. نقاط التوقف المسماة ، محددات DRY ، بدون برامج نصية ، لا تجميعات ، Vanilla CSS.

• ما وراء أحجام الشاشة: التصميم سريع الاستجابة في 2020

• النقط CSS الواقعية

جافا سكريبت

• اختيار تبعيات JavaScript

• طريقة لفهم القوالب الحرفية في JavaScript

• رد فعل jQuery لرمز السباغيتي

• استيراد مكتبات غير ESM إلى وحدات ES باستخدام Vanilla JS

• 
  
  • JavaScript
  
  • JavaScript —
  
  • VanillaJS
  
  • ?
  
  

• React
  
  • Debouncing React Hooks:
  
  • React Router. 3— , props +
  
  • SVG React
  
  • React- 3 ?
  
  • Styled-Components React
  
  • React —
  
  • React, 2: React Testing
  
  • 4 React
  
  

• Vue
  
  • Vuex Vue 3
  
  • Electron Vue
  
  • Vue Slots
  
  • Vue 3.0 -!
  
  • Chakra UI Nuxt.js
  
  • Code Coverage Vue
  
  • SVG Vue
  
  

• Angular
  
  • Angular
  
  • Change Detection Angular
  
  • Angular DI:
  
  • 5 , Angular
  
  • Angular + CSS Modules
  
  

• Ember
  
  • The Ember Times — Issue No. 157
  
  • , ember
  
  • Ember.js,
  
  

• Svelte
  
  • Svelte <3 TypeScript
  
  • Svelte TypeScript — - !
  
  

• Libs & Plugins
  
  • doom-scroller.js - مكتبة جافا سكريبت ممتعة ستساعدك على التخلص من التمرير اللانهائي عن طريق إضافة عناصر من Doom
  
  • mailgo - مفهوم جديد للنوافذ النموذجية لروابط mailto و tel
  
  • أسهم مثالية - مجموعة من الوظائف لرسم أسهم مثالية بين النقاط والأرقام.
  
  

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

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

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