Каталог UI библиотек для Vue
Пример того, как придумать и сделать полезный пет-проект, который прорекламирует сам Эван.
https://ui-libs.vercel.app/
#ui #tip
Пример того, как придумать и сделать полезный пет-проект, который прорекламирует сам Эван.
https://ui-libs.vercel.app/
#ui #tip
UI Lib Picker
🎨 Pick the Right UI Library for your Vue 3 or Nuxt 3/4 Project
👍4
План «Барбаросса» от Vue.js
https://habr.com/ru/articles/776480/
#article #stats #evan #antfu #vite #vitepress #unjs #angular #react
https://habr.com/ru/articles/776480/
#article #stats #evan #antfu #vite #vitepress #unjs #angular #react
Хабр
План «Барбаросса» от Vue.js
После выхода крайней и достаточно революционной в плане добавления Composition API версии Vue 3.0 более чем три года назад, каких-либо серьезных изменений от команды Evan You в самом фреймворке больше...
👍5
Вышла очередная (v2.1.1) версия плагина для ESlint - @antfu/eslint-config
Данный плагин очень сильно облегчает конфигурацию линтера, пряча под капот подключение и настройку необходимых плагинов и конфигов для
Начиная с v1.0.0 для конфига используется новый формат ESLint Flat config.
Также содержит правила для форматирования кода Stylistic.
#eslint #antfu
Данный плагин очень сильно облегчает конфигурацию линтера, пряча под капот подключение и настройку необходимых плагинов и конфигов для
JavaScript, TypeScript, Vue, а с последней версии и React проектов.Начиная с v1.0.0 для конфига используется новый формат ESLint Flat config.
Также содержит правила для форматирования кода Stylistic.
#eslint #antfu
GitHub
GitHub - antfu/eslint-config: Anthony's ESLint config preset
Anthony's ESLint config preset. Contribute to antfu/eslint-config development by creating an account on GitHub.
👍4
Anthony Fu сделал еще один инструмент для работы с ESLint конфигурацией - eslint-flat-config-viewer
Визуально показывает правила
Запускается без установки в проект следующей командой в директории, где лежит конфиг файл:
#eslint #antfu
Визуально показывает правила
eslint.config.js, созданного в новом Flat конфиг форматеЗапускается без установки в проект следующей командой в директории, где лежит конфиг файл:
npx eslint-flat-config-viewer
#eslint #antfu
Интересная статистика по использованию трёх основных фронтенд фреймворков от similartech.com
Ангуляр - поисковик Google и другие его сервисы
React - новостные ресурсы и поисковик Yandex
Vue - adult, Zoom и Apple
(детальней - в комментариях)
#stats #react #angular
Ангуляр - поисковик Google и другие его сервисы
React - новостные ресурсы и поисковик Yandex
Vue - adult, Zoom и Apple
(детальней - в комментариях)
#stats #react #angular
🥰2
Иллюстрация к эксперименту в сообщении выше в виде Coding Music Video
https://vimeo.com/891441617
#cmv #spa #google #seo
https://vimeo.com/891441617
#cmv #spa #google #seo
Vimeo
SPA SEO test
Testing if Google indexes SPA websites Vue 3 website with async data loading Repository: https://github.com/vuesence/spa-seo-cmv
Форма обратной связи для вебсайтов на статичных хостингах
Многие вебсайты как "нестатичный" элемент имеют только форму обратной связи. Обычно она посылает письмо владельцу сайта, и для этого нужен бэкенд. Есть много хороших бесплатных хостингов для статики, но отправка письма обычно требует дополнительных затрат на использование сторонних сервисов или своего бэкенд-сервера
В то же время есть удобный способ обойтись без сторонних сервисов и остаться только на статике - отправка сообщения обратной формы в Телеграм через его API.
(Подробнее - в комментарии)
#tip
Многие вебсайты как "нестатичный" элемент имеют только форму обратной связи. Обычно она посылает письмо владельцу сайта, и для этого нужен бэкенд. Есть много хороших бесплатных хостингов для статики, но отправка письма обычно требует дополнительных затрат на использование сторонних сервисов или своего бэкенд-сервера
В то же время есть удобный способ обойтись без сторонних сервисов и остаться только на статике - отправка сообщения обратной формы в Телеграм через его API.
(Подробнее - в комментарии)
#tip
👎3❤1
Chrome DevTools custom formatters
Google Chrome и некоторые основанные на Chromium браузеры имеют настройку в DevTools в разделе настроек Console - "Enable custom formatters". После её включения реактивные объекты будут показываться в консоли и в попап-ах при дебаге в более читаемом виде вместо стандартного
#tip
Google Chrome и некоторые основанные на Chromium браузеры имеют настройку в DevTools в разделе настроек Console - "Enable custom formatters". После её включения реактивные объекты будут показываться в консоли и в попап-ах при дебаге в более читаемом виде вместо стандартного
#tip
👍8🔥1
Обновился vue-webapp builder
Добавлены несколько хедеров, футеров и навбар в стиле Mantine UI
Документация проекта
#vwa #ui
Добавлены несколько хедеров, футеров и навбар в стиле Mantine UI
Документация проекта
#vwa #ui