https://habr.com/ru/post/441570/

• CSS
• HTML
• JavaScript
• Разработка веб-сайтов

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

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

---

Медиа

• Подкаст «Веб-стандарты», Выпуск №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
• Слайды Александры Шинкевич с внутреннего МК про тестирование фронтенда для разработчиков
• 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 появится режим картинка в картинке и переработанный менеджер дополнений

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin