Интересное решение на CSS определить, что содержимое блока не помещается в нем и сделать что-то - через определение появления скролла и установку CSS кастомного свойства

https://codepen.io/robinrendle/pen/MWRxNJr

#css

В чате тут обсуждали, как AI ускоряет жизнь разработчика

Вспомнился отрывок из романа одного старого знакомого, тоже про ускорение. Очень похож эффект на контакт с AI и чатбот-ную зависимость.

P.S. Наркотики - зло

#literature #ai

Если работаете с CSS properties в VS Code, то вот полезное расширение

CSS Variable Autocomplete

#css #tip

CSS свойства transform, opacity, filter и некоторые другие используют GPU компьютера для рендеринга.

Проверяйте в browser devtols, что им хватает ресурсов, они не грузят процессор и нет отброшенных фреймов

Свойство will-change используется чтобы явно включить GPU оптимизацию на элементе

#css #tip

Я ранее советовал переходить от .env к конфигурационным файлам в json формате

Но нужно понимать, что переменные из .env заменяются в коде на этапе компиляции, а из конфига подставляются в райнтайме

Это значит блок кода

if (import.meta.env.MODE === "development") {
    // do some debug work
}

не попадет в бандл вообще в первом случае, а аналог с конфиг файлом - попадет, (но не будет выполняться, естественно).

Так что иногда имеет смысл использовать эту конструкцию (для import.meta.env.MODE переменной .env файл не нужен, она определена всегда).

#vite #tip

Среди владельцев сайтов новая мода - все ставят себе рядом с robots.txt еще и LLMs.txt

Это новый стандарт, предложенный для управления доступом больших языковых моделей (LLMs) к содержимому веб-сайтов. Он работает аналогично robots.txt, но предназначен специально для LLM.

Файл llms.txt использует markdown форматирование и может содержать различные типы информации, такие как:
- Краткое описание сайта.
- Ключевые темы и понятия.
- Ссылки на важные страницы или разделы.
- Инструкции для LLM о том, как интерпретировать контент.

Пока ни один из ChatBot сервисов не признался, что использует эти файлы, но тем не менее

#ai

Сайт, на котором можно сравнить код разных языков программирования (почти 1000) при решении определенных задач

#sd #lang

Автор - админ самого большого Vue.js community в Twitter

#x #react

Оптимизация форматирования даты:

date.toLocaleString() - относительно очень медленная функция

new Intl.DateTimeFormat() - в 10 раз быстрей

Своё кастомное форматирование может увеличить скорость еще почти на порядок

При использовании Intl хорошей практикой будет не создавать этот объект каждый раз, а переиспользовать его

#date #intl

jsbenchmark.com - очень удобный сервис для проведения замеров производительности небольших кусков кода

#benchmark

[де]-Генеративный AI в действии.

Кто-то мог представить 7 лет назад, что создадут такую абсолютно безмозглую махину, которая так хорошо умеет повторять сочинять тексты? Хотя Пелевин в середине 2010-ых об этом уже вроде писал...

У Claude вышел Sonnet 3.7, который считается лучшей LLM для программерских задач. Она уже появилась в Cursor, который последнюю неделю что-то очень сильно колбасит - кодогенерит чушь. На их форуме полно жалоб, я тоже агентом временно перестал пользоваться.

Тем не менее у Cursor на днях тоже должно появиться большое обновление - версия 0.46. Довольно много изменений. Чат и Composer совместили, улучшены MCP поддержка и сам Агент.

Ну и вот хороший сайт для мастеринга AI промптов

Грамотно составленный промт очень сильно повышает качество результата как при использовании AI программно, так и в простом чатботе.

#ai #cursor #ide

Варианты анимации кнопок для вдохновения с кодом

#css

Еще один игрок на рынке AI IDE на Gemini 2 - codeassist.google

Расширения для VS Code и JetBrains
Автокомплит и чат
Вроде неплохой бесплатный план

——

А вот чувак попробовал 36 разных AI IDE и агентов для кодинга

Создавал приложения, делал описательные видео

#ai #google #ide

Илья Климов начал новый курс по Vue 3 на Youtube

Планируется около 20 видео, на пару месяцев.

Nuxt free

В плане подачи материала у Ильи обычно всё на очень высоком уровне. Рекомендуется к просмотру безусловно.

#learning #vuejs

Вышел Cursor 0.46 сразу с семью патчами.

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

Claude-3.7-sonnet-thinking очень круто принимает во внимание твой контекст и генерит качественный код. За пару часов можно интегрировать YooKassa на фронт и бэк или настроить e2e Playwright тестирование.

В то же время более дешевый Claude-3.7-haiku как будто специально сделали глупей.

#au #cursor #ide