Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | 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
Автор: alexzfort
