monochromer

DIVeloper

[Glafira Zhur 🖤 @GlafiraZhur]

Ребятаааааа 🥳🥳
Новый курс по цифровой доступности стартует с 4 июля 2026.
Как всегда, от меня можно получить бесплатное участие за репост!
Выберу победителя к вечеру 26.06.2026☺️.

А для тех, кто не любит розыгрышы - мой промокод 15% по слову WEB 😍.

https://t.co/JGO4e18Oxk

[Andrew Prifer (is hiring) @AndrewPrifer]

Dear frontend devs and UI designers. I bring you Liquid DOM, a complete and faithful implementation of Liquid Glass on the Web.

- Shape morphing
- All properties animatable
- Dynamic refraction and reflection
- Adaptive tint
- Adaptive specular highlight
- Dispersion
- Full html integration
- Super fast layout engine that works across Canvas and html
- Pointer event handling
- Framework and renderer-agnostic low level API
- High level React API
- Ootb @threejs and r3f integration

And lots more.

Read on for implementation details and demos.

[artalar @artalar]

I'm extremely happy to announce the beginning of a new era in state management!
The new Reatom has way more than we're used to:

- The simplest "signal"-like API
- The most advanced concurrent effect management
- The most extensible plugin system (after jQuery, lol)

👇

[monochromer @DrMonochromer]

Оказывается, можно вручную генерировать некоторые специфичные для веб-платформы события, например, событие для обновления localStorage.

Мне это помогло сократить код React-хука для синхронизации с localStorage.

[Polina Gurtovaya @pgurtovaya]

We’ve just wrapped the third and final post about images :) https://t.co/dtuyAk3eDv

[monochromer @DrMonochromer]

@Q_Steel @code Solarized High Contrast Light. https://t.co/Ljk2BHr6YX

[monochromer @DrMonochromer]

Судя по собеседованиям фронтэндеры целыми днями считают числа Фибоначии

[Ivan Akulov @iamakulov]

Last week in @Framer performance: we shipped AVIF support! Now, all images are served as AVIF, making them 20+% smaller.

AVIF takes ages to encode, tho, so we came up with a clever trick. 🧵

[WebKit @webkit]

Say hello to responsive, adaptable shapes in CSS with the new shape() function! Instead of static SVG paths, shape() allows you to define scalable, flexible designs with familiar CSS units, variables, and even calc(). Learn more in the WebKit blog post.

https://t.co/4VDb0NUdTt

[monochromer @DrMonochromer]

Даже на YouTube иногда случается JavaScript

[monochromer @DrMonochromer]

В моём случае - блок с обрезкой многострочного текста многоточием, где нужно ограничить высоту блока в em'ах. Блок находится в таблице и чтобы впихнуть невпихуемое ему задали малый размер шрифта.

[monochromer @DrMonochromer]

Редкий кейс, связанный с доступностью. Chrome при расчёте em и rem в CSS не учитывает минимальный размер шрифта, заданный пользователем настройках.

[monochromer @DrMonochromer]

Так, если вы задали в CSS `font-size: 10px`, то `1em` будет 10px, несмотря на то, что пользователь задал, скажем, 14px как минимальный размер шрифта. Шрифт будет рендериться размером 14px, но такое поведение может приводить к багам, где вы опираетесь на em'ы.

[monochromer @DrMonochromer]

Шаблонизатор из Lit неплохо дружит с реактивными примитивами из Vue

[monochromer @DrMonochromer]

Есть мнение, что `font-display: optional` – лучший выбор для контентных сайтов. Мгновенное отображение fallback-шрифта без последующего мерцания и CLS. Не нужно упарываться по adjust'ам и техникам многоэтапных подгрузок. Сам кастомный шрифт будет грузиться с низким приоритетом.

[monochromer @DrMonochromer]

@romanshamin В пакете HomeBrew есть вариативная версия? После его установки не получилось задавать настройки в VS Code таким образом `"editor.fontVariations": "'wdth' 80, 'wght' 320",`

[@[email protected] @andrey_sitnik]

Микро-тред с новыми обновлениями в https://t.co/thCnn3J3yY — цветовом миксере OKLCH, лучшей математикой для работы с цветом.

Чем мне нравится этот проект, тем что все постоянно шутят, что фронтенд лишь «смена цвета кнопок», но во фронтенде мы мало понимаем, что такое цвет.

[monochromer @DrMonochromer]

Сидишь - переживаешь, что у тебя "поехала" вёрстка на проекте, которым никто не пользуется... Тем временем на YouTube:

[monochromer @DrMonochromer]

@alexbaumgertner Например, такое задание. Есть папка с каким угодно количеством файлов какого угодно размера, нужно получить json-файл с объектом, где ключами будут пути файлов, а значениями хэши файлов.

[monochromer @DrMonochromer]

@furtivite Кириллицы нет

[monochromer @DrMonochromer]

Наткнулся на неплохой шрифт `Commit Mono` - что-то среднее между `San Francisco Mono`, `JetBrains Mono` и `Martian Mono`. Дизайн сайта – вообще огонь.

https://t.co/X9OeVxH3Ne