Медиа | Веб-разработка | CSS | Javascript | Браузеры
Медиа
• 
Подкаст «Фронтенд Юность (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.