Breakfast.js

Доброе утро!

Изменения в работе Payment Request API для Apple Pay. Теперь можно показывать более точные ошибки.
https://webkit.org/blog/9167/whats-new-in-the-payment-request-api-for-apple-pay/

В новой iOS для iPad Safari будет пытаться эмулировать десктопный браузер по поведению. Если вы делаете интерактивный сайт, и в вашей аудитории есть пользователи айпадов, то есть смысл проверить заранее как оно работает7
https://webkit.org/blog/8993/cpu-timeline-in-web-inspector/

Небольшая заметка про то, почему использование CSS переменных предпочтительнее, чем использование переменных препроцессора (например, SASS)
https://codyhouse.co/blog/post/css-custom-properties-vs-sass-variables

Доброе утро!

Вышла бета Safari 13 (можно скачать как TP 84). Там много апдейтов, лучше самим посмотреть. Интересное для меня: отмена fetch запроса, улучшена защита от трекинга, Pointer Events API, ES6 imports.
https://developer.apple.com/documentation/safarireleasenotes/safari13betareleasenotes

Довольно милая библиотека для анимаций. Поддерживает разные эффекты, CSS и JS анимацию.
http://daybrush.com/scenejs

Google анонсировали изменения в Chrome, которые сделают блокировщики рекламы и трекинга менее эффективными, но при этом это не коснётся пользователей платной корпоративной версии. Первые неприятные последствия монополии браузера.
https://www.theregister.co.uk/2019/05/29/googlewebrequestapi/

Доброе утро!

Интересный подход к группировке элементов с помощью CSS grid. Суть в том, что плоский список элементов можно разбить на колонки по типу с помощью стилей.
https://css-tricks.com/using-the-grid-shepherd-technique-to-order-data-with-css/

Статья про CI в Яндексе. Для маленьких команд такой подход точно оверхед, но вот отдельные практики можно использовать. Там есть ещё продолжение с внутренними деталями.
https://habr.com/ru/company/yandex/blog/428972/

Просто хорошая новость. Команды и W3C и WHATWG наконец смогли договориться друг с другом и настроить хоть какой-то процесс взаимодействия. В идеале это должно значить, что стандарты будут меньше отставать от браузеров.
https://css-live.ru/vecssti-s-polej/w3c-i-whatwg-neuzheli-dolgozhdannyj-mir.html

Доброе утро!

Руководство по использованию IntersectionObserver для реализации ленивой загрузки изображений.
https://habr.com/ru/company/ruvds/blog/453586/

Заметка про доступность. Можно исправить 85% проблем с доступностью сделав всего пять типов изменений в коде. Только один из них (контрастность) требует какого либо изменения в дизайне.
https://dev.to/alvaromontoro/fix-85-of-your-web-accessibility-issues-in-5-easy-steps-pnf

Статья в которой автор рассказывает почему статические файлы нужно раздавать с подконтрольного вам домена и как оптимизировать такую статику.
https://csswizardry.com/2019/05/self-host-your-static-assets/

Доброе утро!

На GitHub добавили возможно переводить деньги людям, работающим над проектами. Хорошо, что появился простой способ отблагодарить людей, делающих полезные вещи.
https://habr.com/ru/post/453272/

Небольшой скрипт, позволяющий определить находится ли пользовать в режиме инкогнито. Удивительно, что браузеры не спешат закрыть эти дырки.
https://github.com/yankouskia/is-incognito-mode

Забавная Tower Defense игра, где вы играете, с помощью написания CSS. Цель игры — научиться работать с Flexbox.
http://www.flexboxdefense.com

Доброе утро!

Хороший пример использования WebAssembly от команды eBay. Они использовали WASM для компиляции C++ библиотеки для распознавания штрих-кодов.
https://www.ebayinc.com/stories/blogs/tech/webassembly-at-ebay-a-real-world-use-case/

Туториал по работе с Google Sheets из NodeJS. Может быть вполне полезно как небольшая БД, которую можно редактировать руками. Или выводить отчёты.
https://blog.stephsmith.io/tutorial-google-sheets-api-node-js/

Большая статья про создание сложных таблиц (доступность, маленькие экраны и так далее).
https://www.smashingmagazine.com/2019/02/complex-web-tables/

Доброе утро!

В новом Firefox (67) теперь тоже поддерживается prefers-color-scheme и сайт может реагировать включенную тёмную тему в системе. Теперь дело за дизайнерами сайтов.
https://hacks.mozilla.org/2019/05/firefox-67-dark-mode-css-webrender/

Если вы используете AWS Lambda и используете JS, то проверьте, что обновились на верную 8 или выше. Шестая больше не поддерживается.
https://aws.amazon.com/ru/blogs/developer/node-js-6-is-approaching-end-of-life-upgrade-your-aws-lambda-functions-to-the-node-js-10-lts/

Руководство по созданию IO игр. Это простые мультиплеерные игры в браузере для большого количества игроков. Самой известно была agar.io.
https://habr.com/ru/post/450574/