Как использовать <figure> и <figcaption>, зачем в таком случае alt и как это всё работает в скринридерах, рассказывает Скотт О’Хара — https://www.scottohara.me/blog/2019/01/21/how-do-you-figure.html
Size: a a a
2019 January 22
2019 January 23
Виртуальная реальность в браузере с помощью Three.js и WebVR. Джош Мариначчи разбирает создание трёхмерной поздравительной открытки в серии из семи видео на канале Mozilla Hacks — https://www.youtube.com/playlist?list=PLo3w8EB99pqKLF6R8eAaleDeS-vUqOzin
2019 January 24
Самые полезные новинки октябрьского релиза React 16.6 по версии Кингсли Сайласа и как они пригодятся на практике: React.memo() и React.lazy(), contextType, getDerivedStateFromErrors — https://css-tricks.com/react-16-6-0-goodies/
Text-transform и копирование. Игорь Шевченко рассказывает, что происходит при копировании текста с изменённым регистром в разных браузерах как это решили стандартизировать — https://medium.com/p/65faa3c5e91b
Как работать с денежными значениями в JavaScript. Сара Даян справляется с проблемами (деньги как Number, плавающая точка, проценты против деления) с помощью Dinero.js в переводе на ДевШахте — https://medium.com/p/bb0706840f0e
Открылась регистрация на первый митап ReactRussia в Петербурге 16 марта: в программе два доклада Яндекса и Одноклассников и одно свободное место для заявки — https://reactrussia.timepad.ru/event/894987/
Универсальный генератор снипетов для VS Code, Sublime Text и Atom: вставляете фрагмент кода и слово, которое разворачивает его по клавише Tab, и получаете готовый снипет для настроек — https://snippet-generator.app/
2019 January 25
Matter, развивающийся набор компонентов Бенса Жабо в стиле материального дизайна на чистом CSS — https://github.com/finnhvman/matter
2019 January 28
Выпуск №158: Сайт «Веб-стандартов», события и сообщества, новинки Safari TP, свежие статьи, снипеты и редакторы кода, кому нужен VR, фонд GitNation и Роберт Харитонов с Денисом Радиным в гостях. Ссылки на Медиуме https://medium.com/p/eac76300bd8f или на Ютубе https://youtu.be/DMJ1mNFUm7A
Lighthouse CI, фронтенд и бэкенд для непрерывной интеграции https://github.com/ebidel/lighthouse-ci И пример использования для бюджета быстродействия: если код ухудшает результат проверки, то пулреквест не мёржится https://web.dev/fast/using-lighthouse-ci-to-set-a-performance-budget
Будущий JavaScript: чего ещё не хватает? Аксель Раушмайер рассматривает важные, на его взгляд, возможности языка, которые ещё предстоит добавить: значения, функциональное программирование, параллелизм, стандартная библиотека, лишние возможности и мелочи — http://2ality.com/2019/01/future-js.html
Бета iOS 12.2 приносит улучшения в работу PWA: внешние ссылки открываются во встроенном браузере, состояние сохраняется в фоне, новые экспериментальне возможности, приложения в поиске — https://twitter.com/mhartington/status/1089292031548145666
2019 January 29
Целых два подробных обзора новинок Safari и PWA в бете iOS 12.2: Максимилиано Фиртман https://medium.com/p/a37b6fa6afbf и Томас Штайнер https://medium.com/p/a18cd05ca361 Кроме прочего: Web Share API, <input type="color"> и жесты для навигации.
Новинки DevTools Chrome 72 в обзоре Кейси Баскеса: перфоманс-метрики в Timings, подсветка текстовых узлов, копирование JS-пути, новый аудит — https://youtu.be/XVJxlEdB230
Эффекты с SVG-фильтрами: эффект постера с помощью <feComponentTransfer>. Сара Суайдан продолжает серию статей на Codrops — https://tympanus.net/codrops/2019/01/29/svg-filter-effects-poster-image-effect-with-fecomponenttransfer/
Год с утилитарными классами или атомарным CSS. Мишель Баркер делится опытом перехода на TailwindCSS — https://css-irl.info/a-year-of-utility-classes/
Чем занимались разработчики Flow последнее время. Авик Чадхури о планах по развитию инструмента для статической типизации в JS — https://medium.com/p/54239c62004f
2019 January 30
Новинки Firefox 65 в обзоре Марата Таналина: форматы AV1 и WebP, RelativeTimeFormat из Intl API, globalThis, группа CSS-свойств break-*, инспектор флексов, функция env() и другое — http://tanalin.com/blog/2019/01/firefox-65/
CSS и JS воюют. Как это остановить? Андрей Ситник предлагает взгляд на ситуацию и пути решения «великого разделения» — https://dev.to/evilmartians/css-and-js-are-at-war-heres-how-to-stop-it-158a