Ответ к вопросу в прошлом посте

Реализация tour:

1. Находим абсолютные координаты target element.
2. Создаем прозрачный модальный элемент с такими же абсолютными координатными.
3. Ставим ему... boxShadow: 0 0 0 9999px rgba(0, 0, 0, 0.7)

Это первая половина гениальности. Вторая состоит в том, что теперь анимация перехода подсветки это тоже одна CSS строка: transition.

Ну и копирование исходного border-radius даст в большинстве случаев ту же самую форму.

В итоге весь визуал туринга занимает меньше 20 строк по сути, и можно сосредоточиться на логике.

На таких велосипедах я готов всю жизнь кататься. А антивелосипедисты могут использовать VueUse, svg маски и прочие достижения контемпорари фронтенда.

#tour #css

А вы знали, что в Chrome уже есть LLM - Gemini Nano? И что в определенных dev версиях ее можно уже запрашивать из js по API?

А в последней 134-ой версии браузера для 1% пользователей она уже в тестовом режиме используется как антискам-бот:

появилась возможность использования большой языковой модели для определения мошеннических страниц по их содержимому. ИИ-модель выполняется на стороне клиента, но в случае выявления подозрений на сомнительный контент, выполняется дополнительная проверка на серверах Google;

#ai #chrome

Для Vue проекта с микрофронтэндами человек детально сравнил три бандлера

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

#vite #webpack #rspack

С утра почитал Хабр, как один облачный провайдер искал фронтендера:

Как-то к нам пришёл парень, который назвался middle+ фронтендером. Когда он начал рассказывать о своём опыте, выяснилось, что на сайте одной крупной букмекерской конторы он просто вручную обновляет информацию о матчах.

— Я беру шаблон, копирую, вставляю весь контент в реактовские компоненты руками и загружаю на сайт.

Я осторожно выдохнул и спросил опытного middle+ про концепцию DRY (Don't repeat yourself) и как он применяет её в работе.

— DR что?

Я объяснил. На что кандидат просто сказал: «Нет, сдаюсь» и вышел с собеседования.

#humor

Хорошая статья про CSS тени

box-shadow, drop-shadow, text-shadow, neumorphic shadows и лучшие практики работы с ними

#css

Поздравляю всех прекрасных читательниц канала с тем, что они есть!

Веры, надежды, любви.

Женщина - эволюционно более развитое существо, чем мужчина.

#women

200+ просмотров и ни одного поздравительного эмоджи тем, кто подарил вам, дегенератам, как минимум, жизнь.

Процент бесполезных моральных уродов на канале превысил допустимые нормы, в связи с чем он уходит на неделю в отпуск.

Подведем итоги. Канал похудел на 40 подписчиков. Уже неплохо, но далеко от целевых показателей.

Я искренне не понимаю, зачем читать ресурс, который вызывает негативные эмоции. Сам если попадаю на какой-нибудь канал, и там вроде интересно, но чувствую, что автор - мудак, так сразу ухожу. Своя нервная система дороже, а чужие инвективы - опасны.

Хотите донести вашу правду? Да ради Бога, конструктивная критика всегда приветствуется, и я спокойно могу послушать, почему Накст рулез, и даже соглашусь с парой пунктов. Но когда в ваш дом приходит человек, который только плюёт на пол и гадит, вы его вышвыриваете. Поэтому на канале вводится нулевая толерантность к пидарасам.

Обращаюсь к тем активным недовольным, что остались - подумайте хорошенько, оно вам надо? В интернете полно уютненьких точек притяжения прям по вашему уровню - культуры, интеллекта, интересов. Цель нахождения здесь какая?

Услышать звук нового сообщения на канале, примчаться и, пуская радостно слюни, нагадить - это, конечно, приятная декомпенсация вашей ограниченности и того, что вы в жизни ничего полезного не сотворили. Но за все надо платить. На том свете попадете на распределение к сеньор-серафиму, спросит он: кем были по жизни? Придется признаваться:

- Я был трусливым пидарасом на vue-faq.
- О, - скажет серафим, - а сколько какашек оставил?
- 136
- Нормально. А ты?
- А я всего 78.
- Тоже неплохо. Ну, что же, теперь придется вам всё это в себя обратно запихивать - можно через рот, можно через жопу. Начинайте.

Карма — она такая безжалостная стерва, любит балансы сводить.

#esse

К хорошим новостям

Год назад я делал испытания по индексации поисковиками SPA на Vue, и тогда Google справился, а Яндекс не потянул

За прошедшее время Яндекс подучился и поумнел (скриншот)

Итого, Vue SPA:

1. Индексируются поисковиками
2. Дают лучшие показатели Web vitals, чем SSR Nuxt

Да, постраничный OpenGraph по-прежнему надо делать для SPA отдельным скриптом на сервере, но это простая небольшая логика.

Чем там ещё SSR фреймворки хвалились?

Всегда говорил, что BFF SSR - тупиковая ветвь развития фронтенда, усложняющая архитектуру и загрязняющая код веб приложения без необходимости. Те самые "фокусы". Видимо, доходит и до других, потому как в последнее время что-то часто встречаются статьи типа: "Nuxt это не только SSR"

#ssr #seo #nuxt

Подписчик поделился самописным расширением для VS Code — помогает быстро и безболезненно менеджерить локализацию в vue-i18n. Добавлять ключи, переводить на все языки (через AI), быстро обновлять существующие фразы... Короче, просто зацените демку.

Сейчас на стадии сбора фидбека и различных юз-кейсов. Кому интересно потыкать раннюю версию (бесплатно ofc), тут можно заполнить небольшую форму: https://tally.so/r/mDMv5b

Просит потестировать и покритиковать в комментариях

Лично я использую всегда самописную реализацию i18n, но расширение выглядит очень круто и использует AI именно так, как его надо использовать - незаметно, под капотом, значительно расширяя функционал приложения и сильно улучшая UX/DX. Мне такого не хватает, потому что приходится вручную ходить по json файлам и добавлять новый ключ, пусть даже и автокомплит это быстро делает за тебя.

#vscode #extension #i18n #lib

На прошлой неделе прошла конференция Vuejs Amsterdam 2025

Полное видео здесь

Яндексом перевел выступление Эвана. Немного коряво вышло.

#vuejs #conf #evanyou