Size: a a a

Веб-стандарты

2019 October 23
Веб-стандарты
Новинки Firefox 70 в обзоре Криса Миллса: генерация безопасных паролей, расширение text-decoration, двойное значение свойства display, неиспользуемые CSS-свойства в DevTools, проверка на доступность с клавиатуры и другие улучшения — https://hacks.mozilla.org/2019/10/firefox-70-a-bountiful-release-for-all/
источник
Веб-стандарты
Новинки Chrome 78 в обзоре Пита Лепажа: CSS Properties and Values API, улучшенное обновление сервис-воркеров, новый способ использования экспериментов, доступ к файловой системе и получение кодов из SMS. Подробнее в статье https://developers.google.com/web/updates/2019/10/nic78
или видео https://youtu.be/Q81403HNZRc
источник
2019 October 24
Веб-стандарты
Ориентация изображений в вебе. Майкл Шарналь реализует исправление поворота фотографий по EXIF-данным на Node.js и рассказывает, как в будущем эту задачу можно будет решить при помощи CSS — https://justmarkup.com/articles/2019-10-21-image-orientation/
источник
Веб-стандарты
PWA в Samsung Galaxy Store. Ада Роуз Кеннон делится способом добавить своё прогрессивное веб-приложение в магазин приложений Samsung — https://medium.com/p/47ecd317725b
источник
Веб-стандарты
Microsoft перестанет поддерживать Internet Explorer 11 через… 5 лет, 11 месяцев и 22 дня. Гэбриэль Ларош поставил таймер — https://death-to-ie11.netlify.com/
источник
2019 October 25
Веб-стандарты
Помимо автоматического тестирования доступности. Мануэль Матузович делится приёмами, которыми он проверяет на доступность каждый сайт, с которым работает — https://www.matuzo.at/blog/beyond-automatic-accessibility-testing-6-things-i-check-on-every-website-i-build/
источник
Веб-стандарты
Настраиваем статический рендеринг за 30 минут. Доклад Александра Сурмы и Джейка Арчибальда, где они показывают, как уменьшили время до интерактивности в игровом приложении в 2 раза, написав свои плагины для Rollup — https://youtu.be/TsTt7Tja30Q
источник
Веб-стандарты
Погружаясь в свойство display: гриды сверху донизу. Рейчел Эндрю продолжает серию разбором значения grid и его взаимодействия с сабгридами — https://www.smashingmagazine.com/2019/05/display-grid-subgrid/
источник
2019 October 26
Веб-стандарты
Прямая трансляция юбилейного Я.Субботника с докладами про историю фронтенда, эксперименты в вебе, видео, мониторинг и стабильность веб-сервисов и тег <a>. Начало в 12:00 (GMT+3) — https://youtu.be/CKbOHn1lJWw, программа — https://events.yandex.ru/events/yasubbotnik/26-oct-2019
источник
2019 October 28
Веб-стандарты
Take on me, браузеры! Видео доклада Евы Феррейры про обработку хромакея на видео при помощи JavaScript с эффектом ротоскопинга — https://youtu.be/d4gSor3KyIw
источник
Веб-стандарты
Episode #200: Andy Bell on CSS passion, Every Layout, why Sass, owls or gaps, Container Queries, BEM variations. Links on Medium https://medium.com/p/89091c23cfb1 or on YouTube https://youtu.be/OxTiMlZefXo
источник
Веб-стандарты
00:03:52 CSS passion
00:12:27 Every Layout
00:16:22 Why Sass
00:25:24 Owls or gaps?
00:32:23 Container Queries
00:36:57 Variations of BEM
источник
Веб-стандарты
Улучшения в Microsoft Edge на Chromium: новый внешний вид элементов управления, улучшенная сенсорная поддержка, доступность с клавиатуры, поддержка режима высокой контрастности — https://habr.com/p/472268/
источник
2019 October 29
Веб-стандарты
Начиная с Chrome 77 на Android, у пользователей с включённым режимом экономии трафика автоматически срабатывает ленивая загрузка <img> и <iframe> за пределами экрана, как если бы им добавили атрибут loading="lazy" — https://blog.chromium.org/2019/10/automatically-lazy-loading-offscreen.html
источник
Веб-стандарты
Разрабатываем доступную цветовую палитру. Дэрил Куперсмит и Уилсон Майнер рассказывают, как выбрать доступные цвета для дизайн-системы, сохранив при этом необходимую контрастность и яркость — https://stripe.com/blog/accessible-color-systems
источник
Веб-стандарты
Стилизуйте состояния hover, focus и active по-разному. Зелл Лью объясняет назначение каждого состояния и почему они должны визуально отличаться друг от друга — https://zellwk.com/blog/style-hover-focus-active-states/
источник
2019 October 30
Веб-стандарты
Исследование проблем доступности в Firefox. Марко Цие рассказывает о возможностях аудита в инструментах разработчика: дерево доступности, автоматическое обнаружение проблем, симуляция цветовой слепоты и другие — https://hacks.mozilla.org/2019/10/auditing-for-accessibility-problems-with-firefox-developer-tools/
источник
Веб-стандарты
Уже второй Node.js Code+Learn пройдёт в Москве 6 ноября с 12:00 до 20:00. Участники смогут сделать вклад в разработку Node.js под руководством участников основной группы разработки Node.js — https://medium.com/p/fd997241c77
источник
Веб-стандарты
Нетривиальная расстановка элементов на флексах без медиавыражений. Дмитрий Лаврик располагает элементы горизонтально на широких экранах и вертикально на малых минимумом кода — https://habr.com/p/473186/
источник
2019 October 31
Веб-стандарты
В Safari TP 95 появилась делегация фокуса в Shadow DOM с помощью attachShadow({ delegatesFocus: true }). Область применения — кастомные контролы, которые пробрасывают фокус на элементы внутри Shadow DOM. Этот механизм, ранее доступный только в Chrome, после исправлений был добавлен в HTML Living Standard — https://webkit.org/blog/9621/release-notes-for-safari-technology-preview-95/
источник