This media is not supported in your browser
VIEW IN TELEGRAM
Introduction of CSS transforms - я не знал что такое можно делать чисто на CSS :) #css
https://www.smashingmagazine.com/2023/10/animate-along-path-css - анимация по заданному пути в CSS (спиннеры, прогресс-бары, ...) #css
Smashing Magazine
How To Animate Along A Path In CSS — Smashing Magazine
CSS loaders and progress indicators are some of the most widely used examples in tutorials and documentation. In this article, Preethi demonstrates an approach using animated custom properties, a conic gradient, CSS `offset`, and emoji to create the illusion…
👍1
В продолжение поста чудес со шрифтами - теперь оказываеца можно делать highlight текста прямо шрифтом (без всяких CSS) с помощью штуки, которая называеца COLR table в OpenType шрифтах. Да, 8 цветов максимум, но для раскраски текста этого хватает с избытком.
В статье есть ссылка на такой шрифт. #css #front
В статье есть ссылка на такой шрифт. #css #front
🔥4💩1
Волею судеб мне тут пришлось адаптировать один фронт на vue + sass под древнее говно типа iPhone 7...11 (ну потому что ощутимый % кастомеров такое использует - пришлось даже купить древний айфон, боже ну и гавно этот ваш iTunes под винду).
А там вобщем своеобразный Safari, которыйложит хер на не знает про некоторые @media запросы в css... Поэтому нашёлся интересный сборник разных хаков, которые под разные браузеры. Вобщем в частности про Safari, если завернуть
то можно юзать конкретно для Safari разные модификации.
И нет, нормальных полифиллов я чот не нашёл. Может быть конечно плохо искал, но с другой стороны там дичь в этом Safari вылезала всего в десятке мест, так что проще было вот как выше поправить. #css
А там вобщем своеобразный Safari, который
@media not all and (min-resolution: .001dpcm) { // old safari
font-size: 28px;
}
то можно юзать конкретно для Safari разные модификации.
И нет, нормальных полифиллов я чот не нашёл. Может быть конечно плохо искал, но с другой стороны там дичь в этом Safari вылезала всего в десятке мест, так что проще было вот как выше поправить. #css
😐8
Большая статья про генерацию favicon (в т.ч. для PWA). Несмотря на то, что статья 2021-го года - автор статьи пишет, что обновил её вот несколько дней назад. #css
🔥1
Оказывается с помощью css shape можно делать разное с элементами - в т.ч. вырезать куски из него. #css
CSS-Tricks
CSS shape() Commands | CSS-Tricks
The CSS shape() function recently gained support in both Chromium and WebKit browsers. It's a way of drawing complex shapes when clipping elements with the clip-path property.
🔥3