Portals - описание новой фичи браузеров под названием Portals для прелоада страниц и плавного перехода между ними #front

petite-vue - надеюсь все в курсе про существование 6 килобайтной альтернативы #vuejs #front :)

Чисто CSS 😐

.col:has([row=p-1]:checked) +
...
.col:has([row=p-1]:checked) ~ .result {
  --win: 1; --winner: var(--p);
}

#css #front

CodePen (вариант 1)
CodePen (вариант 2)
CodePen (вариант 3)

.node {
animation-delay: calc(
sin((var(--index) / var(--total)) * 45deg)
* var(--speed) * -1s
);
}

#css #front

CSS Animated gradient border
Demo
Sources (github)

#css #front

The truth about CSS selector performance с графиками и вариантами улучшения селекторов. #css #front

capo.js - интересный скрипт и расширение для Chrome, который анализирует и причесывает head, чтобы ускорить загрузку #js #front

plausible - интересная альтернатива google analytics:

Google Analytics Script:
• ~65 KB compressed, 67.4KB on the network
• Blocked by Safari, Firefox, etc.
• Challenging to setup (If you have a few days)
• Complex features

Plausible Script:
• 0.7 KB compressed, 1.2KB on the network
• Not blocked by Safari, Firefox, etc.
• Easy and quick to setup
• Uncomplicated

сравнение конечно интересно, надо посмотреть как оно на самом деле. По первому впечатлению - возможностей конечно поменьше чем у GA, но с другой стороны - всё намного проще и быстрее. И пока не режеца браузерами. #front #js

В продолжение поста чудес со шрифтами - теперь оказываеца можно делать highlight текста прямо шрифтом (без всяких CSS) с помощью штуки, которая называеца COLR table в OpenType шрифтах. Да, 8 цветов максимум, но для раскраски текста этого хватает с избытком.
В статье есть ссылка на такой шрифт. #css #front