Что-то вот я задумался:
Работаешь с
Вопрос: это ты такой умный (пишешь по лучшим мировым практикам), или она такая умная?
#ai
Работаешь с
AI
помощницей, пишешь код. И вот надо написать пару строк чего-то неординарного, не простого, средней сложности, зависящего от контента в других файлах. Уже в голове составил, что будешь писать, жмешь пробел - и AI
прям точно что надо генерит.Вопрос: это ты такой умный (пишешь по лучшим мировым практикам), или она такая умная?
#ai
🤣5
Vue-FAQ
Интересная табличка Google проверяет какие сайты проходят их тест на Web Vitals Как видим, у Vue результаты значительно лучше, чем и SSR-ного Nuxt, одним из заманивающих доводов которого вроде бы и является хорошие веб метрики. Также очень точно подтвердился…
Никто не заметил, что
На сайте есть ссылка на методику подсчета, выглядит вполне убедительно.
#svelte #nuxt #stats
Svelte
быстро догоняет Nuxt
на гугловской статистике?На сайте есть ссылка на методику подсчета, выглядит вполне убедительно.
#svelte #nuxt #stats
❤2🤔2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
😁20😢3🤣2🤩1💯1
Сайт icones.js.org довольно удобен для подбора иконок (хотя выбор средний и поиска по параметрам нет, но хорошо сделано копирование найденного сразу в
К вопросу о том, качественный ли код пишет
#antfu #icons #optimization
svg
), но такое потребление памяти после поиска нескольких иконок выше понимания.К вопросу о том, качественный ли код пишет
Anthony Fu
, автор VueUse
, Nuxt
и многого другого#antfu #icons #optimization
🤡10💩3😢1
Описал, как с помощью
На этом примере видно, как еще можно использовать
Посвящается Денису Чернову
#ai #i18n #article
AI
можно быстро и качественно сделать интернационализацию сайтНа этом примере видно, как еще можно использовать
AI
кроме автокомплита.Посвящается Денису Чернову
#ai #i18n #article
Хабр
Использование AI для интернационализации (i18n) вебсайта
Современные AI чатботы это инструмент. Для каких-то вещей в жизни разработчика он подходит хорошо, для каких-то - не очень. Для интернационализации сайтов - хорошо. Ниже будет показано как с помощью,...
🔥4🤔1
Мы были разработчиками и создавали инструмент, который позволил бы нам работать так, как мы мечтали. Наш проект был единственным, который разработчики создавали для разработчиков. Без PM’ов, бухгалтеров или CEO, пытающихся оптимизировать продукт для получения прибыли, а не для удобства инженеров.
В итоге мы победили, потому что Open Source-сообщество оценило распределённые системы контроля версий, а мы были единственными хостерами кода, кто действительно заботился о разработчиках. Единственными, кто задавал вопросы, подходил к этому с точки зрения базовых принципов, стремился сделать лучше в целом, а не просто добавить побольше функций в существующее решение, чтобы повыгоднее его продать.
Интересная историческая ретроспектива o создании
Git
- родителя GitHub
и Open Source
И еще одна
Создатель
Git
тот же, что и Linux
- Линус Торвальдс
Git
Линус делал как побочный продукт, а Linux
- чтобы тот работал на домашних компьютерах пользователей, но всё пошло не так...#git #linux
Хабр
История Git: на этот раз не так весело
Линус Торвальдс как-то написал в своей книге, что создавал Linux для развлечения, но в итоге это привело к революции. Git, его второе творение, также оказалось «случайной революцией» — и сегодня это...
👍11🏆3
Новые HTML элементы
Элемент <dialog> используется для создания модальных и немодальных диалогов, которые требуют явного взаимодействия пользователя для закрытия. Модальные диалоги блокируют остальную часть страницы до тех пор, пока не будут закрыты пользователем, тогда как немодальные диалоги позволяют продолжать взаимодействие с остальной частью страницы. Это делает <dialog> полезным для сценариев, где необходимо привлечь внимание пользователя к определённому контенту или взаимодействию.
Поповеры, с другой стороны, представляют собой лёгкие "всплывашки", которые отображаются рядом с элементом, вызвавшим их. Они могут быть легко закрыты пользователем и не блокируют остальную часть интерфейса. Поповеры отлично подходят для предоставления дополнительной информации или контекстных подсказок, не прерывая основное взаимодействие пользователя с интерфейсом. В отличие от диалогов, поповеры не требуют перемещения фокуса на себя, что делает их менее навязчивыми и более подходящими для вспомогательного контента.
Ключевое различие между этими элементами заключается в их влиянии на фокус: диалоги перемещают фокус на первый доступный элемент внутри себя, в то время как поповеры сохраняют фокус на элементе, который их открыл. Это различие важно учитывать при разработке интерфейсов, чтобы обеспечить правильное взаимодействие и доступность для пользователей. Кроме того, поповер может быть управляем исключительно HTML методами, а <dialog> требует JavaScript.
#dialog #popover
<dialog>
и popover
имеют много схожегоЭлемент <dialog> используется для создания модальных и немодальных диалогов, которые требуют явного взаимодействия пользователя для закрытия. Модальные диалоги блокируют остальную часть страницы до тех пор, пока не будут закрыты пользователем, тогда как немодальные диалоги позволяют продолжать взаимодействие с остальной частью страницы. Это делает <dialog> полезным для сценариев, где необходимо привлечь внимание пользователя к определённому контенту или взаимодействию.
Поповеры, с другой стороны, представляют собой лёгкие "всплывашки", которые отображаются рядом с элементом, вызвавшим их. Они могут быть легко закрыты пользователем и не блокируют остальную часть интерфейса. Поповеры отлично подходят для предоставления дополнительной информации или контекстных подсказок, не прерывая основное взаимодействие пользователя с интерфейсом. В отличие от диалогов, поповеры не требуют перемещения фокуса на себя, что делает их менее навязчивыми и более подходящими для вспомогательного контента.
Ключевое различие между этими элементами заключается в их влиянии на фокус: диалоги перемещают фокус на первый доступный элемент внутри себя, в то время как поповеры сохраняют фокус на элементе, который их открыл. Это различие важно учитывать при разработке интерфейсов, чтобы обеспечить правильное взаимодействие и доступность для пользователей. Кроме того, поповер может быть управляем исключительно HTML методами, а <dialog> требует JavaScript.
<button popovertarget="my-popover">Open Popover</button>
<div popover id="my-popover">Hello!</div>
#dialog #popover
👍15