Дайджест свежих материалов из мира фронтенда за последнюю неделю №313 (30 апреля — 6 мая 2018)

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

qtcscbotexz0cv71dsi1fk-5miq.png


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

1e465593b1b347eea23b1ab81b6e0a04.pngМедиа


podcast Подкаст «Frontend Weekend» #51 — Владимир Новик о работе независимого консультанта, переезде в Израиль и книге про React Native
podcast Подкаст «devschacht»: Ночной фронтенд #32: Ограничения, которые мы накладываем на код
podcast Подкаст «Фронтенд Юность (18+)» #46 Печальное состояние экосистемы JavaScript 2
video «ALL YOUR HTML» #47: «Vue.js анимации + 100 тысяч частиц на WebGL»
video CSSSR: «Новости 512 — Выпуск №4 (30.4 — 06.05)»
videoКак мы построили конвейер по подготовке фронтендеров — Александр Першин, HTML Academy

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


habrЗадачи с собеседований
• Что поправить в верстке перед выпуском в продакшн?
• Четыре вопроса про БЭМ
enХочешь быть топ-разработчиком? Ты должен создавать вещи. Вот список того, с чего можно начать
enСоздание serverless контактной формы для вашего статического сайта
enГотова ли к использованию технология ServiceWorkder? Да.
enДружественные для мобильных устройств поля для ввода номеров с `inputmode`
enОсновные руководства по прогрессивным веб приложениям на MDN Web Docs
en Свежие релизы: Bootstrap 4.1.1, HTML5 Boilerplate 6.1.0, Dojo 2.0

3a13046f2d4a46c4a60db0906e962adb.pngCSS


• Что умеют и чего не умеют CSS Custom Properties.
• Ещё одна коллекция интересных фактов про CSS-гриды (CSS Grid Layout)
enРуководство по состоянию стилей для печати в 2018
enDisplay: Contents — это не CSS Reset
enПеременные окружения в CSS
enРешено с помощью CSS! Dropdown Menus
encssgr.id — онлайн-генератор CSS Grid раскладки
enСоздание уникальных веб-впечатлений с помощью кастомных CSS-курсоров
enБыстрое введение в CSS анимацию
enCSS Grid: больше гибкости с minmax ()
enСтранный, но действенный трюк для отладки CSS
enМощь Flex-Grow
enОтвратительно читаемый отзывчивый текст с viewport единицами

1999aed8349b484fb1caa64d98ceb5e3.pngJavaScript


habrКак я писал плагины для React, Vue и Angular
habr9 полезных приёмов для тех, кто программирует на JavaScript
• Вы не знаете JS: Асинхронность и Производительность. Глава 4: Генераторы
• Руководство по регулярным выражениям в JavaScript
• Многоликий this в JS
enДорожная карта Ember в 2018
enDojo 2: что предлагает новая версия
enRxJS 6: Что нового и что изменилось?
enBigInt: целые числа произвольной точности в JavaScript
enЗахват и отчёт JS ошибок с window.onerror

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


• В Firefox 60 появится реклама на стартовой странице
• Google Chrome научился блокировать автовоспроизведение видеоконтента
• Бета-версия Google Chrome 67 получила новые API для работы с VR
• Мнение: пришло время вновь попробовать Firefox
• Google добавила поддержку своего платёжного сервиса во все браузеры

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


• Oculus заменила фреймворк React VR на React 360
• Вышла стабильная версия графического формата WebP
• База знаний для программистов Stack Overflow запустила сервис для обсуждения вопросов разработки внутри компаний
• Выявлена попытка включения бэкдора в популярный NPM-пакет mailparser
• Google открыл gVisor, гибрид системы виртуализации и контейнеров
• GitHub и Twitter по ошибке сохраняли открытые пароли в логе
• Instagram и WhatsApp представили групповые видеозвонки
• Новый проект от OpenAI научил ИИ вести дебаты между собой
• Почему будущее без паролей — уже близко (но не совсем)
• Статистика Steam: рост доли CPU и GPU AMD, реванш Windows 10
• Раскрыты планы Intel и AMD по обновлению настольных платформ


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

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

© Habrahabr.ru