Дайджест свежих материалов из мира фронтенда за последнюю неделю №439 (26 — 31 октября 2020)

Моя цель - предложение широкого ассортимента товаров и услуг на постоянно высоком качестве обслуживания по самым выгодным ценам.
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.


Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры


Подкасты


podcast Подкаст «Веб-стандарты» №253. Edge на Linux, Safari, Chrome 87, Firefox 82, MDN, состояние и структура CSS, история браузеров
podcast Подкаст «CSSSR: CSS 3D, гайд по Webpack 5, NodeJS 15, React 17 и CRA 4, Playwright Python, Composer 2, Observer APIs

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


habr Создание микросервисной архитектуры с использованием single-spa (миграция существующего проекта)
• Как браузер рендерит веб-страницу
en Сравнение времени сборки генераторами статических сайтов
en 10 полезных советов по HTML File Upload для веб-разработчиков
en HTTP 2 Push: Факты? Фикция? Плацебо?
en Сравнения паттернов в микрофронтендах
en Клиенты NPM, лучшие, чем оригинал

  • Доступность
    habr Решение проблемы обеспечения доступности модального окна для людей с ограниченными возможностями
    habr Почему российские сайты не будут соответствовать ГОСТу по доступности
    • Web Accessibility in action. Знакомимся с WCAG-стандартом и тестированием доступности
    en Прекратите создавать неполноценные недоступные формы!
    en Чеклист доступности для вашего веб-сайта: часть 2

  • Эффекты
    en Креативная реализация кнопки пожертвования
    en Подборка креативных веб-экспериментов „Awesome Demos Roundup #18“
    en Создание аудиовизуализаций, работающих с Web Audio API

CSS


habr Задавать Height и Width для изображений снова важно
habr Адаптивный дизайн высоты
• Безумие на чистом HTML + CSS
en Сравнение различных способов скрытия вещей в CSS
en CSS Layouts — Использование Flex-Wrap для выхода за рамки сетки
en LibSass прекратил поддержку
en Подробнее о content-visibility
en Трюк с переключением кастомных свойств CSS
en Предотвращение сдвигов макета с помощью CSS grid
en В защиту таблиц и флоатов в современной разработке
en Взгляд на единицы CSS: пиксели, EM и проценты
en Привлекайте внимание пользователя с помощью селектора CSS :focus-within
en Сравнение всех единиц измерения в CSS с объяснением

JavaScript


en Шпаргалка по JavaScript, которая вам понадобится в 2020 году
en Переопределение невозможно: XSS без произвольного JavaScript
en История участника проекта jQuery

  • Теория
    habr Примеры использования наблюдателей в JavaScript
    habr Браузер и числа с плавающей запятой
    en Все, что вам нужно знать о proxy в JavaScript
    en Начало работы с современным JavaScript — деструктуризация
    en Объяснение управления памятью в JavaScript

  • React
    en Релиз Next.js 10
    en Как создавать React формы с отличным UX
    en Что нового в NextJS 10
    en Лучшие практики с React Hooks
    en Когда (и когда не) использовать Redux
    en Компоненты высшего порядка: шаблон проектирования приложения React
    en React Router v5: полное руководство

  • Vue
    en Как локализовать приложение на Vue.js с помощью vue-i18n и Localazy
    en Уклонение от защиты с помощью VueJS script gadgets
    en Quasar vs. Vutify vs. Bootstrap Vue: выбор правильной UI библиотеки для Vue.js
    en План перехода на новую версию Vue JS 3

  • Angular
    habr Давайте сделаем переиспользуемый компонент tree view в Angular
    • #53 Angular UIKit. Когда вам потребуется angular schematics. Использование в UiKit и в бизнес приложениях. Рецепт schematics в angular library.
    en Как перестать бояться и создать собственный Angular CLI Builder
    en Важность иммутабельности в приложениях Angular
    en Angular Router: раскрываем некоторые интересные факты и особенности

  • Ember
    en The Ember Times — Issue No. 166
    en Представляем @use
    en Ember Micro-Frontends с single-spa

  • Svelte
    en React vs Svelte — всестороннее сравнение JS библиотек
    en Sapper мертв! Что будет дальше в Svelte?
    en Рендеринг Svelte и SEO

Браузеры


habr Opera станет китайской: компания из Поднебесной получит основной пакет акций
• Некоторые сайты не будут открываться в браузере Internet Explorer, принудительно используя Edge
• В браузере Microsoft Edge появились вертикальные вкладки

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Источник: https://habr.com/ru/post/526032/


Интересные статьи

Интересные статьи

Что в сегодняшнем выпуске: различные генераторы, крутые источники для вдохновения, стильные иконки, топовые продукты из Product Hunt за 2020 год, инструменты для экспорта...
Всем привет! Продолжаем дайджесты новостей и других материалов о свободном и открытом ПО и немного о железе. Всё самое главное про пингвинов и не только, в России и мире. Кто п...
Рассказываем, как развивалась система доменных имен — от эпохи ARPANET до разногласий, касающихся протоколов DoH/DoT — а также обсуждаем инфраструктуру IaaS-провайдера. Читать дальше...
Свежая подборка со ссылками на новости и материалы. В выпуске: PHP 7.4 RC6, Symfony 5.0 и 4.4, WordPress 5.3 и другие релизы, об обновлении PSR-стандартов, RFC предложения из PHP Internals, пор...
Вчера в конгресс-центре «Альфандега» в Порту объявили, что Москва выбрана площадкой для проведения старейшего и самого престижного в мире студенческого чемпионата по спортивному программирова...