Фронтенд-дайджест №353 (18 — 24 февраля 2019)

Медиа

• Подкаст «Веб-стандарты», Выпуск №162: Npm для энтерпрайза, приоритеты загрузки JS, цена сторонних скриптов, JS прямо в CSS, доступный TodoMVC, кастомные чекбоксы, выравнивание по тексту
• Подкаст «devschacht»: #70: Как TypeScript меняет наше мышление
• Подкаст «CSSSR»: Новости 512 — Выпуск №39 (18.02 — 24.02)
• Подкаст «Фронтенд Юность (18+)» #84 Каждый из нас видал пострашнее
• Видеоблог Вадима Макеева: "13. Лайв с ответами", 14. Кастомные чекбоксы правильно
• MinskJS Meetup #5 — 3 видео

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

• Разработка под WebAssembly: реальные грабли и примеры

• Удобный БЭМ

• AMP и Турбо-страницы: плюсы, минусы и результаты внедрения

• AMP способствует повышению органического трафика из поиска – исследование

• 30 необходимых практик для написания современного и эффективного HTML5

• Слайды Александры Шинкевич с внутреннего МК про тестирование фронтенда для разработчиков

• HTML to MySQL. Или Веб-скрапинг на практике

• Try GraphQL! Интерактивное руководство по GraphQL

• Инструменты:

  • Новый взгляд на изучение и документирование исходного кода
  • Как размер кода зависит от минификатора, сборщика и языка. Неожиданное обновление webpack
  • 10 советов по безопасности для npm
  • ICONSVG - инструмент для упрощения процесса поиска и генерации популярных иконок для вашего проекта
  • 7 JavaScript-песочниц в 2019 году

• Accessibility:

  • Советы по обеспечению доступности интерактивных элементов на мобильных устройствах
  • Инклюзивные компоненты: список дел
  • Что означает европейский стандарт доступности EN 301 549 для организаций США?
  • Видео о том, как пользователи скринридеров пользуются вебом

• Эффектный веб:

  • Эффекты фильтрации SVG. Часть 6. Создание текстуры с помощью feTurbulence
  • Создание анимаций, которые оживят ваш сайт
  • Как создать фальшивый эффект 3D-изображения с помощью WebGL
  • Blobs!
  • SVG SPA

CSS

• Почему я пишу CSS в JavaScript
• Рисование на чистом CSS . Топ 5 CSS свойств, на которые я полагаюсь при создании CSS искусства
• JS-in-CSS - ворклет, который будет создан прямо из CSS (в рамках эксперимента CSS HOUDINI)
• 21 способ оптимизировать ваш CSS и ускорить ваш сайт
• Как работает @supports
• Правильное использование CSS Grid
• Автоматически выравнивающаяся сетка на Flexbox, совместимая с IE10
• Переменные CSS + calc () + rgb () = Обеспечение высокой контрастности цветов
• CSS: FLIP-анимации

JavaScript

• FunES#8: Math.pow не равно**

• Манипуляции с DOM на чистом JavaScript

• Введение в jQuery (версия 2019 года)

• Полное руководство по особенностям ES10

• Приоритеты загрузки JavaScript в Chrome

• Разбор JavaScript-решений по общим алгоритмическим вопросам (часть 1)

• 12 идей, которые улучшат ваши навыки JavaScript

• XMLHttpRequest или Fetch API: что лучшее для Ajax в 2019-м?

• Теория:

  • JavaScript: Большое целое Ну почему
  • Публичные и приватные поля классов
  • Try/Catch/Finally. Задачки с собеседований и не только
  • Руководство по наследованию классов на основе прототипов в JavaScript
  • Пришло время поговорить об объектно-ориентированном JavaScript
  • Как избежать блокировки DOM в JavaScript

• VueJS:

  • 26 советов по экономии при работе со Vue
  • Создание современного приложения с использованием Nest.js, MongoDB и Vue.js
  • Оптимизация производительности приложений на Vue.js: часть 3 - Ленивая загрузка модулей Vuex

• React:

  • Коллекция из 2200 ресурсов для всего, связанного с реакт - от Next.js, Gatsby и JSX до анимации, Apollo GraphQL и подкастов
  • Анонс Ionic React Beta
  • React Hooks, первые впечатления
  • Использование Pre-Commit и Pre-Push Git Hooks в проекте React
  • Как начать работу с интернационализацией в JavaScript
  • React: связь между компонентами
  • Прогрессивный React. Хотите сделать свой сайт на React более производительным? Вот быстрый чеклист
  • Создание прогрессивных веб-приложений с помощью React. Часть 2

• Angular:

  • Стилизация Angular приложений с помощью Bootstrap
  • Реактивное восстановление положения прокрутки с помощью RxJS

• Libs & Plugins:

  • Обнаружение NSFW контента на стороне клиента через Tensorflow JS
  • Изучайте, проектируйте или документируйте кодовую базу, помещая бредкамбы в исходный код

Браузеры

• В CERN запустили браузер интернета 90-х в честь 30-летия всемирной сети
• «Яндекс» начал тестировать в мобильном «Яндекс.Браузере» публичные чаты с людьми поблизости
• 31% дополнений к Chrome используют библиотеки с известными уязвимостями
• Microsoft Edge втайне разрешает Facebook использовать Flash-контент
• В Firefox появится режим картинка в картинке и переработанный менеджер дополнений