После каких-то изменений в SFC шаблоне перестали разворачиваться рефы для TS

Хочет добавления .value

У кого-то еще такое есть?

#ts

Написал статью, как получить бесплатно облачные ресурсы стартапу (и не только).
Может кому пригодится

#article #startup #money

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

Начиная с Chrome 140 и Safari 18.2 стала возможна арифметика с разными единицами размерности

Источник

.container {
  position: relative;
  
  i {
    --angle: calc(sibling-index() * 10deg);
    --distance: calc(var(--angle) / 360deg * 180px);
    
    position: absolute;
    inset: -0.5em;
    background-color: #fff;
    border-radius: 50%;
    transform: rotate(var(--angle)) translateX(var(--distance));
  }
}

<div class="container">
  <i></i>
...
  <i></i>
</div>

#css

Как делается статистика

Наткнулся на сайт wmtips.com, типа собирающий подробную статистику по инету.
Причем, запустивший этот сервис в январе 2025 года. Самый свежачок.

Ну там красивые цифры, Vue за React-ом, в Китае и Казахстане первые, и много других деталей
Выглядит доверительно
Вниз по странице опускаюсь - и тут такая картинка версий Vue в интернете

После такого Росстат зауважаешь...

#stats

В media queries нельзя использовать CSS свойства, но есть обходные пути через container queries

@property --inline-size-s {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 100vi;
}

:root {
  --breakpoint-s: 48em;
  --inline-size-s: min(var(--breakpoint-s), 100vi);
}

body {
  background-color: var(--bg-color);

  --bg-color: oklch(0.94 0.01 99);
  
  @container style(--inline-size-s: var(--breakpoint-s)) {
    --bg-color: oklch(0.87 0.21 95.82);
  }
}

#css

В проекте число иконок перевалило за 150, а их объем в JS бандле занимает пятую часть.

Поэтому задумался, как оптимизировать это дело. Стандартных решений не нашел. Решил вынести все иконки для кэширования через service worker. SVG спрайт слишком тяжелый для клиента, поэтому засунул всё в JSON, который считываю в JS и делаю Map по HTML кодам иконок.

На первой загрузке сайта получается лишний запрос. Потом норм.

Есть что-то более оптимальное?

#svg #optimization