Дайджест свежих материалов из мира фронтенда за последнюю неделю №334 (7 — 14 октября 2018)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
• Подкаст «Frontend Weekend» #74 — Михаил Боднарчук о том, как и зачем разработчику тестировать свой код
• Подкаст «Девшахта/Ночной фронтенд»: 53: DevOops 2018
• Видеоблог Вадима Макеева 5. Политех, магический JPEG, ненужная форма и object-fit на SVG
• Почему мы не добавим в HTML элемент <чудесный>?
• Как на фронтенд-собеседовании превратить сложный вопрос в лёгкий
• О статических генераторах сайтов
• Развертывание фронтенд приложений — забавный способ
• Использование Web Audio API, подробная обновленная информация на MDN
• Продвинутые техники использования Web Audio API: создание звука, последовательность, синхронизация, планирование
• Возможности CSS Content
• CSS Border-Radius может такое?
• Как я запомнил свойства CSS Grid
• Разбирается ли ваш интервьюируемый в CSS лейаутах?
• Предыдущий смежный CSS селектор и как их эмулировать
• 5 вещей, которые вы можете сделать в CSS-in-JS и о которых вы не знали
• Редактор Shape Path в Firefox
• Практическое ES6 руководство, о том, как сделать HTTP запрос с помощью Fetch API
• Замыкания в JavaScript для начинающих
• JavaScript Visualizer — инструмент для визуализации контекста, всплытия переменных, замыканий, прототипов и других базовых концепций JS для лучшего понимания принципов работы
• Глубокое погружение в this в JavaScript: почему так критично писать хороший код
• 13 игр в ≤ 13kB of JavaScript · js13kGames 2018
• Давайте разберемся с путаницой вокруг slice (), splice () и split () методами в JavaScript
• Новые релизы: Ember 3.4, ESLint v5.7.0, Aurelia-CLI v1.0.0-beta.1, Новый сборщик Aurelia-CLI с авто-трейсом
• Опубликованы результаты аудита системы обновления Firefox
• Разработчики Mozilla отложили прекращение доверия к сертификатам Symantec
• В Microsoft Edge найдена брешь, позволяющая запускать любые программы
• Google Chrome вскоре перестанет работать на устройствах с ОС Android 4.3 и ниже
• Вызовы между JS и WebAssembly наконец стали быстрыми в Firefox
• Вышел первый релиз-кандидат Gutenberg 4.0
• Эволюция криптографии: от математики до физики
• Регулятор ICANN успешно сменил ключи к доменным именам
• Визуальный перевод Google Translate тоже перешел на нейронные технологии и получил поддержку 13 новых языков
• Руководство по Windows PowerShell для начинающих
• Facebook раскрыла детали последнего взлома: хакеры получили телефоны и адреса электронной почты 30 млн пользователей
• Google+ закрывается после утечки данных 500000 аккаунтов
• «Яндекс» не смог договориться с правообладателями о новом антипиратском соглашении
• Пользователи Alexa признались в любви к голосовому помощнику свыше миллиона раз, но были отвергнуты ею
• Microsoft открыла 60 тысяч патентов, чтобы оградить Linux от исков
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
• Подкаст «Frontend Weekend» #74 — Михаил Боднарчук о том, как и зачем разработчику тестировать свой код
• Подкаст «Девшахта/Ночной фронтенд»: 53: DevOops 2018
• Видеоблог Вадима Макеева 5. Политех, магический JPEG, ненужная форма и object-fit на SVG
Веб-разработка
• Почему мы не добавим в HTML элемент <чудесный>?
• Как на фронтенд-собеседовании превратить сложный вопрос в лёгкий
• О статических генераторах сайтов
• Развертывание фронтенд приложений — забавный способ
• Использование Web Audio API, подробная обновленная информация на MDN
• Продвинутые техники использования Web Audio API: создание звука, последовательность, синхронизация, планирование
- Инструменты:
• Что нового в DevTools (Chrome 71)
• Favicon Checker — онлайн-инструмент для сравнения favicons во всех основных браузерах, включая светлую и темную темы
• termtosvg — утилита для записи происходящего в терминале в виде SVG
• markdown page — скрипт, который превратит Markdown в HTML одной строкой
CSS
• Возможности CSS Content
• CSS Border-Radius может такое?
• Как я запомнил свойства CSS Grid
• Разбирается ли ваш интервьюируемый в CSS лейаутах?
• Предыдущий смежный CSS селектор и как их эмулировать
• 5 вещей, которые вы можете сделать в CSS-in-JS и о которых вы не знали
• Редактор Shape Path в Firefox
JavaScript
• Практическое ES6 руководство, о том, как сделать HTTP запрос с помощью Fetch API
• Замыкания в JavaScript для начинающих
• JavaScript Visualizer — инструмент для визуализации контекста, всплытия переменных, замыканий, прототипов и других базовых концепций JS для лучшего понимания принципов работы
• Глубокое погружение в this в JavaScript: почему так критично писать хороший код
• 13 игр в ≤ 13kB of JavaScript · js13kGames 2018
• Давайте разберемся с путаницой вокруг slice (), splice () и split () методами в JavaScript
• Новые релизы: Ember 3.4, ESLint v5.7.0, Aurelia-CLI v1.0.0-beta.1, Новый сборщик Aurelia-CLI с авто-трейсом
Браузеры
• Опубликованы результаты аудита системы обновления Firefox
• Разработчики Mozilla отложили прекращение доверия к сертификатам Symantec
• В Microsoft Edge найдена брешь, позволяющая запускать любые программы
• Google Chrome вскоре перестанет работать на устройствах с ОС Android 4.3 и ниже
• Вызовы между JS и WebAssembly наконец стали быстрыми в Firefox
Занимательное
• Вышел первый релиз-кандидат Gutenberg 4.0
• Эволюция криптографии: от математики до физики
• Регулятор ICANN успешно сменил ключи к доменным именам
• Визуальный перевод Google Translate тоже перешел на нейронные технологии и получил поддержку 13 новых языков
• Руководство по Windows PowerShell для начинающих
• Facebook раскрыла детали последнего взлома: хакеры получили телефоны и адреса электронной почты 30 млн пользователей
• Google+ закрывается после утечки данных 500000 аккаунтов
• «Яндекс» не смог договориться с правообладателями о новом антипиратском соглашении
• Пользователи Alexa признались в любви к голосовому помощнику свыше миллиона раз, но были отвергнуты ею
• Microsoft открыла 60 тысяч патентов, чтобы оградить Linux от исков
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.