Дайджест свежих материалов из мира фронтенда за последнюю неделю №333 (1 — 7 октября 2018)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
• Подкаст «Пятиминутка Angular» #12 — Battle, Real world app, Render Props, Soviet, ng v7 beta
• Подкаст «Frontend Weekend» #73 — Анна Селезнёва об истории эмоционального выгорания, выборе города для работы и поиске себя
• «Девшахта — подкаст»: #52: Node.js в бэкенде — миф или суровая необходимость?
• Видеоблог Вадима Макеева №4. Навигация, дизайнеры и код, актуальность, личинки фронтендера и фреймворки
• 3 видео с KharkivFrontend Summer Conference
• SmashingConf Toronto 2018, 11 видео
• Full Stack Fest 2018, 34 видео
• Node.js Foundation и JS Foundation заявили об объединении
• Что происходит при создании контейнера Flexbox?
• «Спор из-за пустого места» и изменение в селекторах 4 уровня
• Первый (и странный) публичный черновик CSS-модуля скроллбаров
• Отладка и оптимизация CSS: Инструменты для разработчиков, встроенные в браузер, Инструменты измерения качества кода, Минификация с CSSO
• Наиболее распространенные варианты использования Flexbox
• Создание гибких лейаутов с помощью Flexbox
• Селекторы Sass: вкладывать или не вкладывать?
• Scribble-Font — шрифт для создания Scribble Font for Prototyping & Wireframing
• Стилизация битых изображений
• Как я организовываю CSS в больших проектах с помощью UFOCSS — часть 2
• Создаём простую игру на Vanilla JS
• Объяснение функционального программирования в JavaScript: Fusion & Transduction
• Как прекратить использовать console.log () и начать использовать дебаггер в вашем браузере
• Почему каждый начинающий разработчик фронтенда должен знать о шаблоне «издатель-подписчик»? AKA: как понимать асинхронный JS код наименее болезненным способом
• Карманный справочник по: Функциям в JavaScript, Прототипам в JavaScript
• Сравнение серверного рендеринга в приложениях на React и Angular
• Представлен переработанный web-браузер Firefox Focus
• В Firefox будет добавлена поддержка формата изображений WebP
• Google позволит играть в «Assassin«s Creed Одиссея» прямо в Chrome
• Chrome 70 — что нового в DevTools
• Google изменила требования к расширениям Chrome
• Что нового в Microsoft Edge, обновленном в Windows 10 October 2018 Update
• Microsoft представила программу Your Phone для запуска Android-приложений на компьютере
• Microsoft выложила MS-DOS 1.25 и 2.0 на GitHub
• Выход WordPress 5.0 запланирован на 19 ноября 2018
• Microsoft обновила Windows 10. Что нового?
• Microsoft — это новая Apple. Мнение
• Подборка эзотерических языков программирования
• Следующая версия Wi-Fi будет называться Wi-Fi 6
• Обнаружены фишинговые формы, подписанные сертификатами Cloudflare и Microsoft
• В Git устранена уязвимость, которая может привести к выполнению кода атакующего
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
• Подкаст «Пятиминутка Angular» #12 — Battle, Real world app, Render Props, Soviet, ng v7 beta
• Подкаст «Frontend Weekend» #73 — Анна Селезнёва об истории эмоционального выгорания, выборе города для работы и поиске себя
• «Девшахта — подкаст»: #52: Node.js в бэкенде — миф или суровая необходимость?
• Видеоблог Вадима Макеева №4. Навигация, дизайнеры и код, актуальность, личинки фронтендера и фреймворки
• 3 видео с KharkivFrontend Summer Conference
• SmashingConf Toronto 2018, 11 видео
• Full Stack Fest 2018, 34 видео
Веб-разработка
• Node.js Foundation и JS Foundation заявили об объединении
CSS
• Что происходит при создании контейнера Flexbox?
• «Спор из-за пустого места» и изменение в селекторах 4 уровня
• Первый (и странный) публичный черновик CSS-модуля скроллбаров
• Отладка и оптимизация CSS: Инструменты для разработчиков, встроенные в браузер, Инструменты измерения качества кода, Минификация с CSSO
• Наиболее распространенные варианты использования Flexbox
• Создание гибких лейаутов с помощью Flexbox
• Селекторы Sass: вкладывать или не вкладывать?
• Scribble-Font — шрифт для создания Scribble Font for Prototyping & Wireframing
• Стилизация битых изображений
• Как я организовываю CSS в больших проектах с помощью UFOCSS — часть 2
JavaScript
• Создаём простую игру на Vanilla JS
• Объяснение функционального программирования в JavaScript: Fusion & Transduction
• Как прекратить использовать console.log () и начать использовать дебаггер в вашем браузере
• Почему каждый начинающий разработчик фронтенда должен знать о шаблоне «издатель-подписчик»? AKA: как понимать асинхронный JS код наименее болезненным способом
• Карманный справочник по: Функциям в JavaScript, Прототипам в JavaScript
• Сравнение серверного рендеринга в приложениях на React и Angular
- Libs & Plugins:
• lvovich — Склонение названий городов, определения пола по ФИО, склонения имен по падежам
• Cogear.JS — современный статический генератор
• imgToAscii — JavaScript имплементация перевода изображений в Ascii код
• ferret — система веб-скрапинга для упрощенного извлечения данных из веба для последующего ui тестирования, машинного обучения и аналитики
Браузеры
• Представлен переработанный web-браузер Firefox Focus
• В Firefox будет добавлена поддержка формата изображений WebP
• Google позволит играть в «Assassin«s Creed Одиссея» прямо в Chrome
• Chrome 70 — что нового в DevTools
• Google изменила требования к расширениям Chrome
• Что нового в Microsoft Edge, обновленном в Windows 10 October 2018 Update
Занимательное
• Microsoft представила программу Your Phone для запуска Android-приложений на компьютере
• Microsoft выложила MS-DOS 1.25 и 2.0 на GitHub
• Выход WordPress 5.0 запланирован на 19 ноября 2018
• Microsoft обновила Windows 10. Что нового?
• Microsoft — это новая Apple. Мнение
• Подборка эзотерических языков программирования
• Следующая версия Wi-Fi будет называться Wi-Fi 6
• Обнаружены фишинговые формы, подписанные сертификатами Cloudflare и Microsoft
• В Git устранена уязвимость, которая может привести к выполнению кода атакующего
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.