Дайджест свежих материалов из мира фронтенда за последнюю неделю №317 (28 мая — 3 июня 2018)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
•
Подкаст «Frontend Weekend» #55 — Никита Прокопов про ClojureScript, ведение блогов и создание собственного шрифта
•
Подкаст «devschacht»: Ночной фронтенд #35 — РИТ++
•
Подкаст «Фронтенд Юность (18+)» #50 Мифы о zero configuration
•
Подкаст CSSSR: Новости 512 — Выпуск №8 (28.05 — 03.06)
•
«ALL YOUR HTML» #51: «Соединённые частицы в 3д»
•
Новые релизы: GSAP 2.0, WordPress 15, анонс Lighthouse 3.0, выход Material-UI v1, Jest 23, анонс TypeScript 2.9
•
Почему разработка фронтенда такая нестабильная?
•
Культ сложности. Критическая заметка Джефри Зельдмана о текущем состоянии веб-разработки
•
Создание отзывчивого изображения. Как создать логотип, который соответствует соотношению его сторон
•
9 удивительных секретов PWA
•
Доступные индикаторы фокуса: то, на чем стоит сфокусироваться
• Алгебра в calc (), новая специфичность селекторов 4 уровня и другие майские новинки CSS
• Где всё сложно с переносами строк. Вот все CSS- и HTML-хитрости для этого
• Объясняем Z-index: как позиционировать элементы с помощью CSS
•
Решение жизненных проблем с помощью CSS
•
critters — Webpack плагин для инлайнинга критического CSS и ленивой загрузки для остального
•
Как работает CSS: понимание каскада
•
Состояние изменения градиентов с помощью CSS-переходов и анимаций
•
HSL () / HSLa () отлично подходят для программного контроля цвета
• Полезные методы массивов и объектов в JavaScript
•
#SmooshGate FAQ
•
Свойства современного JavaScript, которые вы должны использовать каждый день для улучшения разработки и какие проблемы они решают
•
Лучшие практики для использования современого синтаксиса JavaScript
•
Захват и отчет по JavaScript ошибкам с помощью window.onerror
• Релиз web-браузера Chrome 67
• В Firefox 63 будет представлен блокировщик скриптов майнинга криптовалют
• Уязвимость в Chrome и Firefox в течение года позволяла получать данные о Facebook-профилях
• В Google Chrome появилась поддержка беспарольной аутентификации на сайтах по стандарту WebAuthn
• Возвращение Geektimes на Хабр
• Архитектор Big Data Tesla: наш автопилот — это SkyNet из «Терминатора»
• Какие шрифты лучше использовать для оформления сложных данных
• Как научить ребёнка программировать
• Действительно ли QWERTY — плохая раскладка и почему мы не сможем от нее отказаться
• Microsoft ведёт переговоры о покупке GitHub
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
•
Подкаст «Frontend Weekend» #55 — Никита Прокопов про ClojureScript, ведение блогов и создание собственного шрифта•
Подкаст «devschacht»: Ночной фронтенд #35 — РИТ++•
Подкаст «Фронтенд Юность (18+)» #50 Мифы о zero configuration•
Подкаст CSSSR: Новости 512 — Выпуск №8 (28.05 — 03.06)•
«ALL YOUR HTML» #51: «Соединённые частицы в 3д»
Веб-разработка
•
Новые релизы: GSAP 2.0, WordPress 15, анонс Lighthouse 3.0, выход Material-UI v1, Jest 23, анонс TypeScript 2.9•
Почему разработка фронтенда такая нестабильная? •
Культ сложности. Критическая заметка Джефри Зельдмана о текущем состоянии веб-разработки•
Создание отзывчивого изображения. Как создать логотип, который соответствует соотношению его сторон•
9 удивительных секретов PWA•
Доступные индикаторы фокуса: то, на чем стоит сфокусироваться
CSS
• Алгебра в calc (), новая специфичность селекторов 4 уровня и другие майские новинки CSS
• Где всё сложно с переносами строк. Вот все CSS- и HTML-хитрости для этого
• Объясняем Z-index: как позиционировать элементы с помощью CSS
•
Решение жизненных проблем с помощью CSS•
critters — Webpack плагин для инлайнинга критического CSS и ленивой загрузки для остального•
Как работает CSS: понимание каскада•
Состояние изменения градиентов с помощью CSS-переходов и анимаций•
HSL () / HSLa () отлично подходят для программного контроля цвета
JavaScript
• Полезные методы массивов и объектов в JavaScript
•
#SmooshGate FAQ•
Свойства современного JavaScript, которые вы должны использовать каждый день для улучшения разработки и какие проблемы они решают•
Лучшие практики для использования современого синтаксиса JavaScript•
Захват и отчет по JavaScript ошибкам с помощью window.onerror
Браузеры
• Релиз web-браузера Chrome 67
• В Firefox 63 будет представлен блокировщик скриптов майнинга криптовалют
• Уязвимость в Chrome и Firefox в течение года позволяла получать данные о Facebook-профилях
• В Google Chrome появилась поддержка беспарольной аутентификации на сайтах по стандарту WebAuthn
Занимательное
• Возвращение Geektimes на Хабр
• Архитектор Big Data Tesla: наш автопилот — это SkyNet из «Терминатора»
• Какие шрифты лучше использовать для оформления сложных данных
• Как научить ребёнка программировать
• Действительно ли QWERTY — плохая раскладка и почему мы не сможем от нее отказаться
• Microsoft ведёт переговоры о покупке GitHub
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
