GreLI retweeted
Is there a path to becoming a member of the Web Platform Tests organization (github.com/web-platform-test…)? I'd love to contribute more to the Wasm tests, both by writing code and reviewing PRs.
GreLI retweeted
Сделал новый PostCSS-плагин, чтобы удобно использовать новое CSS-свойство corner-shape: squircle.
Оно делает плавное скругление как в iOS (и природе). Плагин подгоняет border-radius (там другие размеры) и позволяет проставить corner-shape автоматически.
github.com/postcss/postcss-s…
GreLI retweeted
Сидела и думала, на что похож CSS. На звёздное небо же!
634 свойства и директивы превратились в звёзды, разделы спеки — в созвездия, Млечный Путь из вендорных префиксов.
blog.alena.rocks/artifacts/c…
GreLI retweeted
Переключатели тёмной темы: двух состояний достаточно. Лия Веру считает, что вариант «системная» продиктован реализацией: тему меняют, только когда текущая мешает. Храните три состояния внутри, а показывайте два. #design #color
lea.verou.me/blog/2026/dark-…
ALT Заголовок «Dark mode toggles: two states are enough» от Lea Verou, PhD, рядом четыре макета браузера с переключателями «System appearance» из солнца и луны в светлой и тёмной темах.
GreLI retweeted
Однажды я пришёл в офис, подключил внешний монитор, и не увидел на нём светло-серых элементов от дизайнеров. Оказалось, на мониторе была в усмерть выкручена контрастность.
Сильно позже тестировщица так же не увидела серых разделителей. Рассказал ей про контрастность (было 60).
GreLI retweeted
Border-shape: будущее неквадратного веба. Юна Кравец рассказывает о border-shape, новом CSS-свойстве, которое меняет геометрию самого блока, поэтому фон, border-image, обводка фокуса и тень повторяют его форму. Уже в Chrome Canary для тестирования.
una.im/border-shape/
ALT Диалог с текстом «border-shape: the future of the non-rectangular web» над рядом фигур: пятиугольник, шестиугольник, квадрат, треугольник, круг, звезда, трапеция.
GreLI retweeted
Декларативное меню на <dialog> с invoker commands. Дэвид Бушелл показывает гамбургерное меню на нативном <dialog> с небольшой JS-фолбэком, плюс заметки про :focus-visible в WebKit, closedby="any" и view transitions. #html #css
dbushell.com/2026/02/12/decl…
ALT Заголовок «Declarative Dialog Menu with Invoker Commands» над фрагментами HTML и JavaScript-кода, открытое меню с кнопкой «Close» и пунктами: Home, Services, About, Blog, Notes, Contact.
GreLI retweeted
modern-css.com
Клевый сайт. Показывает как писать старые CSS костыли используя современные подходы.
GreLI retweeted
In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing).
Drag the nodes, and the shortest path will update in real-time!
css-tip.com/graph-theory/
A demo powered by all the modern CSS features🤩
GreLI retweeted
Кто убил перфоманс?
Детективная история! Действующие лица:
- PNG файл, который притворяется SVG иконкой
- Ленивый дизайнер
- Безответственный фронтендер
- Частично невиновный Next.js
Погнали 🚀 1/6
С техническими деталями написал в ТГ, здесь общий обзор t.me/lysak_online
GreLI retweeted
If profiling feels useless in complex apps (systems), maybe that’s not because nothing can be done.
But because we’re still looking from the wrong perspective.
medium.com/@rdvornov/why-pro…
GreLI retweeted
Эффект жидкого стекла в браузере: рефракция на CSS и SVG. Крис Фейхо экспериментирует с SVG-фильтрами, чтобы добиться противоречивого, но очень привлекательного эффекта из будущих версий iOS и macOS. #css #svg
kube.io/blog/liquid-glass-cs…
ALT Liquid Glass in the Browser: Refraction with CSS and SVG
GreLI retweeted
Very excited to see oxvg, a Rust-based alternative to SVGO powered by @lightningcss and other browser-grade components from Servo! Has the potential to be not just faster, but also optimize better. ⚡️
github.com/noahbald/oxvg
ALT oxvg total time: 30.85ms, optimisation time 25.32ms svgo (node) total time: 383.36ms, optimization time: 89ms svgo (bun) total time: 222.16ms, optimization time: 69ms
GreLI retweeted
Difftastic, a structural diffs generator that takes formatting and syntax into account → difftastic.wilfred.me.uk
GreLI retweeted
a must watch break down on how all the things automation believes to improve might backfire, accordingly with the surfing browser youtube.com/watch?v=p0lFyPuH…
Safari, as example, will perform poorly after Next.js optimizations for the next page 🤦
GreLI retweeted
First Public Working Draft:
CSS Grid Layout Level 3 aka CSS Masonry Layout
w3.org/blog/CSS/2024/09/24/c…