Фронтенд-дайджест №460 (22 - 28 березня 2021)

Медіа

• UnderJS Podcast # 30 - Billing і бухгалтерія - інженерна сторона з Віталієм Слободіним.
• «Новини 512» від CSSSR: Firefox 87, Grid на прикладах, «смерть» Node.js-процесів, проблема JS-бібліотек, Compat2021
• Подкаст "фронтенда Юність" # 178: Супер-випуск. Масиви проти об'єктів. Раунд 1
• Подкаст "Веб-стандарти" №274. Новинки V8, бета Chrome 90 і веб-бандли, несправжні PWA і нативний CSS Nestin

Веб-розробка

• Глибоке занурення в Eleventy Static Site Generator

• Під капотом Emoji

• Кінець AMP

• Нетипова використання горизонтальних роздільників

• Інтерактивні веб-компоненти простіше, ніж ви думаєте

• Розуміння леайута в Bootstrap 5

• 14 корисних інструментів, які прискорюють і спрощують веб-розробку

• Bootstrap 5 Beta 3

• 5 різних інструментів для моніторингу фронтенда

• Headless: сценарії використання і для чого він потрібен

• Веб-безпека

  • Як Web Audio API використовується для зняття цифрового відбитка браузера
  • Приховані вектори атак через OAuth
  • Невже ми програли битву за конфіденційність супер-кукам?
  • Security.txt: пропонований стандарт, який дозволяє веб-сайтам задавати політики безпеки

• Продуктивність

  • Як підвищити продуктивність мультимедіа при обмеженому бюджеті
  • Як поліпшити продуктивність CSS
  • У кого найшвидший веб-сайт F1 в 2021 році? Частина 1, Частина 2
  • 4 інструменти для вимірювання Core Web Vitals

• Доступність

  • Повне керівництво по доступним компонентам інтерфейсу
  • Автоматичне тестування доступності: використання GitHub Actions і pa11y-ci за допомогою axe
  • A11y Style Guide
  • Подкаст "JS Party" - Епізод # 167: 10 помилок a11y, які слід уникати

CSS

• Кольорові функції в CSS. Мрії збуваються: змішування, прозорість, контраст
• Compat2021: усунення п'яти основних проблем сумісності в інтернеті
• Приручение режимів накладення: difference іexclusion
• 4 кращих альтернативи Tailwind CSS на 2021 рік
• Обробка тексту, розміщеного поверх зображень в CSS
• Анімація підкреслення
• Як поліпшити недостатньо опрацьовані елементи select
• Ефект фрагментації зображення за допомогою масок CSS і кастомних властивостей

JavaScript

• Зрозумілий людині JavaScript: історія двох експертів

• Створення віджета геолокації

• Основні тренди JavaScript, за якими варто стежити в 2021 році

• Як творець node.js сам розчарувався в ньому

• JavaScript SEO: кращі практики та інструменти налагодження

• Самий проклятий JavaScript

• Нові функції ES2021, які ви могли пропустити

• React

  • Співбесіда JUNIOR FRONTEND REACT розробника
  • Прості поради з написання чистих компонентів React
  • Візуалізація даних: легке створення графіків на React
  • Тотальний React - Ресурс для вивчення React.js і пов'язаних з ним технологій російською мовою
  • React + D3.js
  • Як створити акордеон з нуля без використання зовнішньої бібліотеки
  • Розширене керівництво по React Context з хукамі

• Vue

  • Реактивність у Vue
  • Переписуємо Nuxt Hacker News з допомогою Fastify, Vite і Vue 3

• Angular

  • Як ми робимо наші базові компоненти більш гнучкими: концепція контролерів в Angular
  • Семирічний кроками: міграція з JSP + Angular JS на Angular 2+
  • Banx. Створення Nx workspace для Angular
  • Banx. Налаштування базових правил в eslint в Nx в Angular
  • Banx. Структура Angular додатки в монорепозіторіі Nx
  • Пояснення хуков життєвого циклу в Angular

• Ember

  • The Ember Times - Issue No. 176
  • Представляємо: Glint, typed-template рішення для GlimmerX і Ember

• Svelte

  • Публічна бета-версія SvelteKit
  • Створіть десктопних програм з Electron і Svelte
  • Як створити сайт за допомогою Svelte і Sveltekit

• Libs & Plugins

  • Що нового в SocketIO 4?
  • wordwrapjs - Перенесення слів на javascript
  • jsep - крихітний парсер виразів в JavaScript

Браузери

• Реліз Firefox 87
• Microsoft, Google і інші об'єднують зусилля для поліпшення сумісності браузерів
• В Chrome 90 затверджено використання HTTPS за замовчуванням в адресному рядку
• Google видалив розширення ClearURLs з Chrome Web Store
• IETF офіційно припинив підтримку протоколів TLS 1.0 і 1.1