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

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

bkxxt92fwsy5jwo2l2vy8goepny.png


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

1e465593b1b347eea23b1ab81b6e0a04.pngМедиа


podcast Подкаст «Frontend Weekend» #55 — Никита Прокопов про ClojureScript, ведение блогов и создание собственного шрифта
podcast Подкаст «devschacht»: Ночной фронтенд #35 — РИТ++
podcast Подкаст «Фронтенд Юность (18+)» #50 Мифы о zero configuration
podcast Подкаст CSSSR: Новости 512 — Выпуск №8 (28.05 — 03.06)
video «ALL YOUR HTML» #51: «Соединённые частицы в 3д»

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


en Новые релизы: GSAP 2.0, WordPress 15, анонс Lighthouse 3.0, выход Material-UI v1, Jest 23, анонс TypeScript 2.9
enПочему разработка фронтенда такая нестабильная?
enКульт сложности. Критическая заметка Джефри Зельдмана о текущем состоянии веб-разработки
enСоздание отзывчивого изображения. Как создать логотип, который соответствует соотношению его сторон
en9 удивительных секретов PWA
enДоступные индикаторы фокуса: то, на чем стоит сфокусироваться

3a13046f2d4a46c4a60db0906e962adb.pngCSS


• Алгебра в calc (), новая специфичность селекторов 4 уровня и другие майские новинки CSS
• Где всё сложно с переносами строк. Вот все CSS- и HTML-хитрости для этого
• Объясняем Z-index: как позиционировать элементы с помощью CSS
enРешение жизненных проблем с помощью CSS
encritters — Webpack плагин для инлайнинга критического CSS и ленивой загрузки для остального
enКак работает CSS: понимание каскада
enСостояние изменения градиентов с помощью CSS-переходов и анимаций
enHSL () / HSLa () отлично подходят для программного контроля цвета

1999aed8349b484fb1caa64d98ceb5e3.pngJavaScript


• Полезные методы массивов и объектов в JavaScript
en#SmooshGate FAQ
enСвойства современного JavaScript, которые вы должны использовать каждый день для улучшения разработки и какие проблемы они решают
enЛучшие практики для использования современого синтаксиса JavaScript
enЗахват и отчет по JavaScript ошибкам с помощью window.onerror

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


• Релиз web-браузера Chrome 67
• В Firefox 63 будет представлен блокировщик скриптов майнинга криптовалют
• Уязвимость в Chrome и Firefox в течение года позволяла получать данные о Facebook-профилях
• В Google Chrome появилась поддержка беспарольной аутентификации на сайтах по стандарту WebAuthn

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


• Возвращение Geektimes на Хабр
• Архитектор Big Data Tesla: наш автопилот — это SkyNet из «Терминатора»
• Какие шрифты лучше использовать для оформления сложных данных
• Как научить ребёнка программировать
• Действительно ли QWERTY — плохая раскладка и почему мы не сможем от нее отказаться
• Microsoft ведёт переговоры о покупке GitHub


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


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

© Habrahabr.ru