Дайджест свежих материалов из мира фронтенда за последнюю неделю №333 (1 — 7 октября 2018)

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

onekrgxaypylytx4n6lzrrkq2ki.png


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

1e465593b1b347eea23b1ab81b6e0a04.pngМедиа


podcast Подкаст «Пятиминутка Angular» #12 — Battle, Real world app, Render Props, Soviet, ng v7 beta
podcast Подкаст «Frontend Weekend» #73 — Анна Селезнёва об истории эмоционального выгорания, выборе города для работы и поиске себя
podcast «Девшахта — подкаст»: #52: Node.js в бэкенде — миф или суровая необходимость?
video Видеоблог Вадима Макеева №4. Навигация, дизайнеры и код, актуальность, личинки фронтендера и фреймворки
video3 видео с KharkivFrontend Summer Conference
videoenSmashingConf Toronto 2018, 11 видео
videoenFull Stack Fest 2018, 34 видео

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


• Node.js Foundation и JS Foundation заявили об объединении

3a13046f2d4a46c4a60db0906e962adb.pngCSS


habrЧто происходит при создании контейнера Flexbox?
• «Спор из-за пустого места» и изменение в селекторах 4 уровня
• Первый (и странный) публичный черновик CSS-модуля скроллбаров
en Отладка и оптимизация CSS: Инструменты для разработчиков, встроенные в браузер, Инструменты измерения качества кода, Минификация с CSSO
enНаиболее распространенные варианты использования Flexbox
enСоздание гибких лейаутов с помощью Flexbox
enСелекторы Sass: вкладывать или не вкладывать?
enScribble-Font — шрифт для создания Scribble Font for Prototyping & Wireframing
enСтилизация битых изображений
enКак я организовываю CSS в больших проектах с помощью UFOCSS — часть 2

1999aed8349b484fb1caa64d98ceb5e3.pngJavaScript


• Создаём простую игру на Vanilla JS
enОбъяснение функционального программирования в JavaScript: Fusion & Transduction
enКак прекратить использовать console.log () и начать использовать дебаггер в вашем браузере
enПочему каждый начинающий разработчик фронтенда должен знать о шаблоне «издатель-подписчик»? AKA: как понимать асинхронный JS код наименее болезненным способом
en Карманный справочник по: Функциям в JavaScript, Прототипам в JavaScript
enСравнение серверного рендеринга в приложениях на React и Angular
  • Libs & Plugins:
    • lvovich — Склонение названий городов, определения пола по ФИО, склонения имен по падежам
    enCogear.JS — современный статический генератор
    enimgToAscii — JavaScript имплементация перевода изображений в Ascii код
    enferret — система веб-скрапинга для упрощенного извлечения данных из веба для последующего ui тестирования, машинного обучения и аналитики

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


• Представлен переработанный web-браузер Firefox Focus
• В Firefox будет добавлена поддержка формата изображений WebP
• Google позволит играть в «Assassin«s Creed Одиссея» прямо в Chrome
enChrome 70 — что нового в DevTools
enGoogle изменила требования к расширениям Chrome
enЧто нового в Microsoft Edge, обновленном в Windows 10 October 2018 Update

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


• 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.

© Habrahabr.ru