Size: a a a

2019 May 28
Breakfast.js
Доброе утро!

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

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

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

Руководство по использованию 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/
источник
2019 June 04
Breakfast.js
Доброе утро!

Интересный подход к группировке элементов с помощью 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
источник
2019 June 06
Breakfast.js
Доброе утро!

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

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

Google анонсировали изменения в Chrome, которые сделают блокировщики рекламы и трекинга менее эффективными, но при этом это не коснётся пользователей платной корпоративной версии. Первые неприятные последствия монополии браузера.
https://www.theregister.co.uk/2019/05/29/google_webrequest_api/
источник
2019 June 07
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
источник