Фронтенд-дайджест №357 (18 — 24 марта 2019)

Немного о том, как реализована доступность в большинстве современных SPA

Медиа

• Подкаст «CSSSR» Новости 512 — Выпуск №43 (16.03 — 22.03)
• Подкаст «devschacht» #73: Вопросы к стрелочным функциям и экспериментальные модули в Node.js
• Подкаст «Фронтенд Юность (18+)» #88 Корпорации уничтожают OpenSource
• Подкаст «proConf» #2, FrontEnd Con 2018. В подкасте ведущие обсуждают технические конференции, от Highload++ до Bulbacon
• "ALL YOUR HTML" #s2e7: "Летающие треугольники"
• На митап #3 от HTML Academy: лайв-дискуссия о джуниорах во фронтенде c Андреем Мелиховым и Алексеем Симоненко

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

• «Пора валить из фронтенда»: Андрей Ситник о стагнации сообщества, опенсорсе и не только

• Front-end ремесло

• Топ 5 мегатрендов развития фронтенда

• Тенденции веб-разработки 2019

• Все о mailto: Links

• Серия статей о веб-компонентах: от введения и создания пользовательского компонента с нуля до инкапсуляции стилей и структуры c ShadowDOM и продвинутого инструментария

• Как сделать прогрессивное веб-приложение из вашего существующего сайта

• Декомпозиция SVG Circle в Paths

• Как создать плавные WebGL переходы на скролле с помощью Phenomenon

• Производительность:

  • Preload, prefetch и остальные теги
  • Измерение влияния производительности третьесторонних скриптов
  • У кого самый быстрый сайт в F1?
  • Как мы создали самый быстрый сайт для конференций в мире
  • 10 показателей веб-производительности, за которыми нужно следить

• Accessibility:

  • Что такое доступность?. Перевод соответствующего раздела на MDN
  • Создание доступных веб-сайтов и приложений является моральным обязательством
  • Веб-доступность для начинающих

CSS

• Почему нельзя установить размер шрифта у посещенной ссылки
• Вещи в CSS, о которых мне никто никогда не говорил.
• Добавляем фильтры SVG с помощью CSS
• Сложенные границы. Eric Meyer о креативных вариантах комбинирования border-стилей.
• CSS получает тригонометрические функции, помогающие веб-разработчикам избегать JavaScript
• Сложное разбиение с помощью CSS Grid
• Размытые границы в CSS
• Область видимости в CSS
• Все, что вам нужно знать о переносе слов в CSS
• Flexulator - Калькулятор распределения пространства при использовании Flexbox
• Наконец, CSS-решение для :hover на тачскринах
• Периодическая таблица на HTML (построенная с помощью CSS grid)

JavaScript

• Разработка простых современных JavaScript-приложений с использованием Webpack и прогрессивных веб-технологий

• Домашняя страница для спецификации JavaScript

• Введение в концепции RxJS на ванильном JavaScript

• Как с помощью JavaScript определить, какую цветовую схему предпочитает пользователь

• Теория:

  • Особенности использования типа данных Symbol в JavaScript
  • Реализация быстрой сортировки на JavaScript
  • Я не ненавижу стрелочные функции, но..
  • Список книг и статей по JS для взыскательных веб-разработчиков.

• React:

  • Асинхронный Redux без Middlewares  - используя ES2017
  • Релиз React Router v5
  • Начало работы с React (по версии 2019 года)
  • Что я узнал о React после месяца, посвященного его изучению (С точки зрения разработчика Angular )
  • Доступный роутинг в React
  • React State: выбирай с умом
  • Как создать приложение для обнаружения логотипа в реальном времени с React Native, Google Vision API и Crowdbotics

• VueJS:

  • Vue 2.6.6 Release part1
  • Разница между Computed Properties, Methods и Watchers в Vue
  • Как уменьшить размер бандла во Vue.JS с помощью Webpack
  • Глубокое погружение во Vuex
  • TradingVue.js - расширяемая библиотека для трейдеров для построения графиков
  • Начинаем писать Vue.js приложения на базе классов с использованием TypeScript
  • Nuxt.js: минималистичный фреймворк для создания гибридных Vue.js приложений
  • Evan You - Состояние Vue-сообщества, VueJS Амстердам 2019

• Angular:

  • Советы по оптимизации вашего приложения на Angular
  • Советы по отладке ваших Angular приложений
  • Как опубликовать разработанную Angular библиотеку в NPM, и стоит ли оно того

• Libs & Plugins:

  • construct-js - Библиотека для создания структур данных уровня байтов.
  • fromfrom - библиотека для трансформации последовательности данных из одного формата в другой
  • CrumbsJS: легковесная библиотека, написанная на ванильном ES6 для работы с cookies и local storage.

Браузеры

• Firefox 66: Звук тишины
• Релиз Firefox 66: блокировка видео со звуком, плавный скроллинг, поиск по вкладкам. Плюс, подробности для разработчиков в блоге Марата Таналина
• Opera выпустила Android-браузер со встроенным VPN
• Mozilla выпустила новый браузер Firefox для iPad
• Google предоставит европейским пользователям Android возможность выбрать альтернативные поисковик и браузер
• В Chrome перенесли две востребованные функции из Microsoft Edge
• Я пользовался интернетом в течение дня в Internet Explorer 8
• Первый взгляд на новый браузер Microsoft Edge на платформе Chromium