Дайджест свежих материалов из мира фронтенда за последнюю неделю №362 (22 — 28 апреля 2019)

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

lf02r80ye4gk3ltoccza4sj7vce.png


Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Браузеры    |    Занимательное

1e465593b1b347eea23b1ab81b6e0a04.pngМедиа


podcastПодкаст «Веб-стандарты», Выпуск №172: События года и Frontend Conf в Москве, зачем быть в ПК, доклады и устройство фестиваля
podcastПодкаст «Сделайте мне красиво», Выпуск №15 — Валим из фронтенда и монополия Chrome
podcastПодкаст «devschacht» #76 — Что такое саунд-дизайн и как этому учат в Финляндии
podcastПодкаст «CSSSR»: Новости 512 — Выпуск №48 (20.04 — 26.04)
videoALL YOUR HTML, #s2e11: Анимация «Thanos» на google.com
videoproConf #11: Frontend Developer Love 2019
videoFrontSpot Show#6: Развитие JS разработчика
videoproConf #11: Frontend Developer Love 2019

888d64fa796b4b6e82e98edc17dc85ae.pngВеб-разработка


habrВеб-компоненты: 9 проектов, о которых стоит знать в 2019 году
• Должен ли фронтенд разработчик уметь писать бэкенды?
enУрок по CORS: руководство по Cross-Origin Resource Sharing
enРуководство по сообщениям в коммитах
enHTTP заголовки для ответственных разработчиков
enПочему оценки скорости страницы могут быть опасными
enПравильное именование для улучшения доступности

3a13046f2d4a46c4a60db0906e962adb.pngCSS


habrGrid или Flexbox?
habrСоздаем виджет с помощью пользовательских CSS-свойств: встраиваем кастомную ссылку на сайт NHL
• Поразительный CSS Grid Area
• Как работают auto-fill и auto-fit в CSS Grid
• Уроки CSSbattle. Илья Стрельцын делится секретами побед
enВам просто нужно знать эти свойства, чтобы начать любить CSS
enСправочник по CSS: удобное руководство по CSS для разработчиков
enCSS наконец достиг совершеннолетия?
enКак создать фильтр-компонент в чистом CSS
enДиагональные контейнеры в CSS
enTailwind CSS: это бутстрап завтрашнего дня?
enПрогрессивное обогащение шрифтов: переосмысление веб-производительности
enОтносительный размер с помощью EM
enНовая документация Sass Docs

1999aed8349b484fb1caa64d98ceb5e3.pngJavaScript


habrИспользование JavaScript-консоли в браузерах
habrDeno — новый Node.js?
habrНужно ли чистить строки в JavaScript?
habrSvelte 3: Переосмысление реактивности
• Выпуск серверной JavaScript-платформы Node.js 12.0
enВ jQuery исправлена уязвимость prototype pollution
enКак валидировать ваши запросы GraphQL с помощью ESLint
enКак использовать геттеры и сеттеры в JavaScript
enВведение в Storybook: организация того, как вы создаете JS компоненты
enКак создать работоспособные JavaScript спецификации
enDesign Patterns Game — Игра для проверки вашего владения популярными шаблонами проектирования, реализованными в JavaScript.
enБолее быстрые события полей ввода с первым вкладом Facebook в API браузеров

8a7fed178dce42c099f5da05982aec87.pngБраузеры


• Релиз Chrome 74
• В стабильной версии Chrome 74 появилось тёмное оформление и защита от обнаружения сайтами режима инкогнито
enЧто нового в DevTools (Chrome 75)
enНовое в Firefox 66: анимация CSS Grid

d4b289ef0a00e969108c25d0c3d75f58.gifЗанимательное


• Сотрудники Microsoft выступили в поддержку репозитория GitHub, который могут закрыть под давлением китайских властей
• OpenAI представила «ИИ-оркестр» — нейросеть MuseNet
• Mozilla отказывается от IRC, как платформы для общения
• Google предоставил выбор поисковых систем и браузеров для европейских пользователей Android
• Фишеры используют GitHub для мошеннических операций
• Самый худший UI управления громкостью звука
• Почему размытие плохо скрывает конфиденциальную информацию


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

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

© Habrahabr.ru