WebStorm стал поддерживать TypeScript в Vue темплэйтах 🫡

В версии 2023.1 JetBrains добавили поддержку типов при установке атрибута lang="ts"

Теперь он предлагает приведение и улучшенное сужение типов

Также в новой версии добавили поддержку Astro

Подробнее по ссылке:
https://www.jetbrains.com/webstorm/whatsnew/

Вышел мощный Chrome 112 🍔

Что там нового?
— Можно юзать CSS nesting (это когда ты пишешь один селектор внутри другого для того для дочернего элемента, вместо создания длинной строки), прощай SCSS 🫡
— У тега <dialog> обновили алгоритм выбора элемента для фокуса, теперь элемент <dialog> будет получать фокус только, если у него установлен autofocus атрибут

Читать подробнее
Смотреть подробнее

HolyJS — конференция для всех, кто пишет на JS 👨‍💻

В программе технические доклады от спикеров из топовых компаний, личный опыт, боль, практика и много кода

Поговорим про ИИ во фронтенд-разработке, разберемся в устройстве плееров анимаций на примере lottie-web, обсудим, почему Playwright лучше Jest — и это только малая часть программы. Будут и более софт-скилловые доклады, например, про апгрейд карьеры, а также круглые столы и дискуссии.

Ты можешь пообщаться с коллегами из разных компаний, увидеть новые лица JS-мира, а в офлайне поиграть в старую-добрую JS-игру: ищи в словаре случайное слово, гугли, есть ли JS-библиотека с таким названием. Если есть, пьёшь пиво :)

Если билет тебе оплачивает работодатель, то отправь ему эту ссылку

Если идёшь за свой счет, то ищи билеты здесь, по промокоду FRONTENDPASTA они будут дешевле

Фичи WebKit в Safari 16.4 🧑‍🎓

Очень долго переводил статью, команда webkit выпустила по настоящему большое обновление 🥳

https://habr.com/ru/articles/730998/

CSS свойство display с несколькими значениями 🧑‍🎓

Скоро в Chrome Canary появится возможность указывать display с несколькими значениями, но это не какая-то новая лайфченжинг фича, а всего лишь более очевидная форма свойства display, что я имею ввиду?

Например, у нас есть свойство значение inline-flex, по новому это будет inline flex, небольшая разница, правда же?
Но подобные дополнения будут для каждого из значений, вот значение flex будет block flex, просто block станет block flow, а list-item будет block flow list-item

Спецификацию мона глянуть тут

P.S. предыдущие значения не исчезнут, а будут работать как сокращения

Всем доброе утро, встречаем победителей 🥳🥳🥳

Фронтенд стремится к фуллстэку 🫡

Перевёл анонс компания Vercel, они явно хотят, чтобы фронтендеры стали независимыми 😄

https://habr.com/ru/articles/732886/

Ты можешь анимировать числа используя CSS @property 🧑‍🎓

Короткий пример:
@property --ms {
inherits: false;
initial-value: 0;
syntax: '<integer>';
}
keyframes ms { to { --ms: 100; }}

Работает в хроме и в сафари техникал превью

CodePen видоса 🔥