По совету Эвана поиграл с bolt.dev

Забавно

#ai #ide

Что-то вот я задумался:

Работаешь с AI помощницей, пишешь код. И вот надо написать пару строк чего-то неординарного, не простого, средней сложности, зависящего от контента в других файлах. Уже в голове составил, что будешь писать, жмешь пробел - и AI прям точно что надо генерит.

Вопрос: это ты такой умный (пишешь по лучшим мировым практикам), или она такая умная?

#ai

Немного старичков в воскресение с утра

#offtop #video

Никто не заметил, что Svelte быстро догоняет Nuxt на гугловской статистике?

На сайте есть ссылка на методику подсчета, выглядит вполне убедительно.

#svelte #nuxt #stats

Сайт icones.js.org довольно удобен для подбора иконок (хотя выбор средний и поиска по параметрам нет, но хорошо сделано копирование найденного сразу в svg), но такое потребление памяти после поиска нескольких иконок выше понимания.

К вопросу о том, качественный ли код пишет Anthony Fu, автор VueUse, Nuxt и многого другого

#antfu #icons #optimization

Описал, как с помощью AI можно быстро и качественно сделать интернационализацию сайт

На этом примере видно, как еще можно использовать AI кроме автокомплита.

Посвящается Денису Чернову

#ai #i18n #article

Вона как
Минин вернулся к Vue 3
Климов отстает... ((

#minin

Как и предсказывалось, Voidzero создан чтобы спонсировать, грубо говоря, разработчиков проектов Эвана

Мудрый ход

#voidzero

Новые HTML элементы <dialog> и popover имеют много схожего

Элемент <dialog> используется для создания модальных и немодальных диалогов, которые требуют явного взаимодействия пользователя для закрытия. Модальные диалоги блокируют остальную часть страницы до тех пор, пока не будут закрыты пользователем, тогда как немодальные диалоги позволяют продолжать взаимодействие с остальной частью страницы. Это делает <dialog> полезным для сценариев, где необходимо привлечь внимание пользователя к определённому контенту или взаимодействию.

Поповеры, с другой стороны, представляют собой лёгкие "всплывашки", которые отображаются рядом с элементом, вызвавшим их. Они могут быть легко закрыты пользователем и не блокируют остальную часть интерфейса. Поповеры отлично подходят для предоставления дополнительной информации или контекстных подсказок, не прерывая основное взаимодействие пользователя с интерфейсом. В отличие от диалогов, поповеры не требуют перемещения фокуса на себя, что делает их менее навязчивыми и более подходящими для вспомогательного контента.

Ключевое различие между этими элементами заключается в их влиянии на фокус: диалоги перемещают фокус на первый доступный элемент внутри себя, в то время как поповеры сохраняют фокус на элементе, который их открыл. Это различие важно учитывать при разработке интерфейсов, чтобы обеспечить правильное взаимодействие и доступность для пользователей. Кроме того, поповер может быть управляем исключительно HTML методами, а <dialog> требует JavaScript.

<button popovertarget="my-popover">Open Popover</button>

<div popover id="my-popover">Hello!</div>

#dialog #popover