Придется взять кредит ради такой вакансии

пользовательский межлицо чудо

Продолжаю поражаться проникновению ИИ в OxygenOS на всех уровнях. Заметки могут составлять диаграммы и майндмэпы автоматически 😳 и всё это бесплатно, безлимитно и из коробки телефона.

Конец адаптивных изображений. Мэт Маркиз, бывший председатель Responsive Image Community Group, оглядывается на десять лет борьбы с атрибутом sizes и рассказывает, как sizes="auto" вместе с loading="lazy" наконец передают эту работу браузеру для большинства картинок. Поддержка уже есть в Firefox, Safari и Chrome, а длинные значения sizes можно оставлять только для картинок в первом экране. #html #performance

https://piccalil.li/blog/the-end-of-responsive-images/

Выпуск №524. Полина Гуртовая, Вадим Макеев и Алексей Симоненко про Firefox 150, Git 2.54, параллельных агентов в Zed, бету TypeScript 7.0, конец адаптивных картинок и Temporal в Node.js.

— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте

00:01:00 Переезд сайта
00:02:55 Новинки Firefox 150
00:21:03 Git 2.54
00:33:10 Параллельные агенты в Zed
00:53:44 Бета TypeScript 7.0
01:09:03 Конец адаптивных картинок
01:23:46 Temporal в Node.js

Автоматизация браузера из терминала с Chrome DevTools MCP CLI. Джоан Леон рассказывает о CLI, которая управляет Chrome через консоль вместо скриптов на Puppeteer или Playwright. Постоянный демон сохраняет состояние между командами для навигации, троттлинга сети, мобильного вьюпорта, тёмной темы и взаимодействия с формами. Можно получать дерево доступности, выполнять JavaScript, делать скриншоты, запускать Lighthouse и трейсить Core Web Vitals. #devtools #tools

https://joanleon.dev/en/chrome-devtools-mcp-cli/

Анимации, управляемые прокруткой. Джош Комо разбирает CSS animation-timeline, где кадры анимации раскладываются по расстоянию прокрутки, а не по времени. Рассказывает про функции тайминга, диапазоны анимации (cover, contain, entry, exit), проценты диапазонов, таймлайны прогресса прокрутки и связанные таймлайны через view-timeline и timeline-scope. Поддержка около 85%, в Firefox — за флагом. #scroll #animation

https://www.joshwcomeau.com/animation/scroll-driven-animations/

В интернете снова весело: первые эксперименты с HTML в <canvas>. Амит Шин разбирает экспериментальный API Canvas Draw Element за флагом в Chrome 146, который рисует нативный HTML на <canvas>, сохраняя семантику, формы и взаимодействие. С помощью атрибута layoutsubtree и drawElementImage() он показывает синхронизацию трансформаций, манипуляции пикселями для эффектов цвета и искажений, отклик на движение мыши и WebGL-шейдеры. #html #api

https://frontendmasters.com/blog/the-web-is-fun-again-first-experiments-with-html-in-canvas/

Минутка обучения:

Авокадо как лого. Знакомый многим приём работы с шоифтографией логотипа на основе формы одного объекта.

Автор примера: FAEL

Плагин в Google Come

SVG Grabber - расширение для Google Come, которое выводит на отдельную страницу все SVG-обеъекты

Ссылка

#materials_nd

Мобильное приложение для съемки волшебных моментов

Категория: #приложение
Язык: #en 

https://.com/shots/24331579--Magical-Moments-Capturing-App

Плагин RealFill — инструмент для автоматического заполнения макетов согласованными реалистичными данными. Анализирует названия слоёв и генерирует соответствующий контент, сохраняя логические связи между элементами.

#контент #автозаполнение #макеты #данные #согласованность #инструмент

🛠 Choices — облегченная библиотека для создания настраиваемых полей выбора, текстовых областей и других форм ввода. Аналогично Select2 и Selectize, но без зависимости от jQuery.

🌍 Сайт

Daily Coding #инструменты #jQuery & Max

Минимальный комплект для съемки счётчика

⁠⁠Inspiration дня

Сегодня вдохновляемся портфолио Роба Гонсалеса и Джонатана Куинтона, известными своими артами для таких брендов, как Apple, Nike, Netflix, NASA, The New York Times, WIRED, Microsoft, Adidas, Reebok и Converse.

Ссылка

#inspiration_nd