Веб-стандарты. Страница 8

Adobe Photoshop начал нативно поддерживать формат графики WebP, начиная с февральского обновления до версии 23.2. Для более ранних версий есть плагин WebPShop, добавляющий поддержку формата. helpx.adobe.com/photosh…mat.html

Как тестировать на телефонах и эмуляторах. Вадим Макеев показывает, как дебажить веб-страницы на Android- и iOS-устройствах и как обойтись без реальных устройств, используя эмуляторы в Xcode и Android Studio. https://youtu.be/71qnSzSjCyY

Готовы результаты опроса State of JavaScript 2021, в котором приняли участие больше 16 000 разработчиков со всего мира. Демография, возможности, библиотеки, инструменты, ресурсы, взгляды и другое. Результаты https://2021.stateofjs.com/ru-RU/ Устройство опроса dev.to/sachagr…vey-4eej

File System Access API в рамках ориджина. Разработчики WebKit о принципах работы API для доступа к файловой системе в Safari: можно создавать, открывать, читать и записывать файлы и папки, но только в приватной песочнице каждого сайта. webkit.org/blog/12…e-system

Адаптивная фавиконка. Адам Аргайл собирает SVG-фавиконку, которая подстраивается под цветовую схему из препочтений пользователя. https://web.dev/building-an-adaptive-favicon/

Новинки Firefox 97: каскадные слои и @​layer, свойство scrollbar-gutter, резервирующее место для полос прокрутки, CSS-свойство d: path() для SVG-фигур, обработка сигналов отмены в JS и другие. Марат Таналин https://tanalin.com/blog/2022/02/firefox-97/ Официальные заметки developer.mozilla.org/en-US/d…eases/97

00:02:51 События 00:07:21 Safari TP 00:13:11 Диалог в WebKit 00:21:42 Interop 2022 00:26:05 Атрибут popup 00:33:02 SQL в CSS 00:42:27 Жалобы на браузеры 00:55:23 Календарь ЯЛФ 01:07:25 Доклады ЯЛФ

Веб-стандарты - 321. Safari TP, диалог в WebKit, Interop 2022, popup, SQL+CSS, жалобы…

audio/mpeg3

Выпуск №321: Полина Немчак, Вадим Макеев, Никита Дубко, Андрей Мелихов про Safari TP, диалог в WebKit, Interop 2022, атрибут popup, SQL в CSS, жалобы на браузеры и про конференцию Я 💛 Фронтенд. Слушайте на Ютубе https://youtu.be/7mtokesuHGM Ссылки на сайте https://web-standards.ru/podcast/321/

Свойство aspect-ratio прекрасно. Мишель Баркер показывает примеры практического применения свойства aspect-ratio в CSS, пришедшего на замену печально знаменитому паддинг-хаку. https://css-irl.info/aspect-ratio-is-great/

Зачем основатель IT-компании идет работать по найму. Пилотный выпуск видеоверсии подкаста Frontend Weekend с бессменным ведущим Андреем Смирновым и Глебом Михеевым в гостях. https://youtu.be/REu9UDzBGa0

Привет, каскадные слои. Ахмад Шадид погружается в то, как работают каскадные слои в CSS, и делится примерами их возможного использования. https://ishadeed.com/article/cascade-layers/

CSS-выражения от контейнера для дизайнеров. Ахмад Шадид в переводе на CSS-live про текущее состояние адаптивного дизайна и новые возможности, которые станут доступны с появлением Container Queries в браузерах уже в ближайшем будущем. css-live.ru/article…rov.html

Яндекс Практикум запускает бесплатную Школу наставников по веб-разработке, фронтенду, дизайну, тестированию и другим специальностям. Школа научит делиться знаниями и развить экспертность, а выпускникам предложат наставничать в Практикуме после выпуска. Старт 21 февраля, приём заявок до 14 февраля, чтобы успеть выполнить тестовое. https://practicum.yandex.ru/promo/mentors-school/?utm_source=telegram&utm_medium=performance&utm_campaign=Telegram_performance_promo/mentors-school-webstandards_ru

Альтернативный попап. Мейсон Фрид из Google предложил реализацию попапов, тултипов и тостов в рамках OpenUI с помощью атрибута popup со значениями popup, hint, async и атрибута hidden для скрытия. Предложение https://github.com/mfreed7/popup Слайды и запись twitter.com/openuic…61612293

Оптимизация виджетов социальных сетей. Мишель Баркер показывает, как уменьшить размер встраиваемых элементов и оптимизировать их загрузку. Или просто задуматься, так ли они нужны. www.smashingmagazine.com/2022/02…a-embeds

Улучшаем адаптивность <details> и добавляем новые фичи. Зак Лезерман делится веб-компонентом <details-utils>, позволяющим закрывать его по Esc или клику снаружи, открывать или закрывать в зависимости от ширины, анимировать или менять класс на элементе. https://www.zachleat.com/web/details-utils/

Представляем элемент <dialog>. Тим Нгуен в блоге WebKit про внедрение нового элемента для модальных диалогов, улучшение спецификации и планы по появлению во всех браузерах: в бете Safari 15.4 или Safari TP, скоро в Firefox 98 и в Chrome ещё с 37-й версии. webkit.org/blog/12…-element

Да, я могу подключиться к БД из CSS. Ли Мейчин использует Houdini для работы с базами данных SQLite. www.leemeichin.com/posts/y…css.html