Начинается онлайн конференция ViteConf
Через пятнадцать минут выступает Эван, должен рассказать о Voidzero

#conf #vite

При верстке кроме flex и grid есть и другие варианты создания адаптивного шаблона

Например, малоиспользуемое display: contents как бы "удаляет" контейнер, и все его потомки переходят на уровень выше.

Еще одно CSS правило order "меняет" порядок потомков

Вместе они могут облегчить верстку, когда, например, в трехблочном макете надо боковую колонку засунуть в мобильном виде между двумя блоками основной. Если используется лэйаут flex, то можно обойтись без смены на grid

#css

Выступление Evan You на ViteConf 2024
(с субтитрами на русском)

О бандлерах, Vite, Rolldown, Oxc, немного Voidzero и сопутствующих вещах

Неплохое обучающее видео по теме

#evanyou #vite #conf #video

Воскресное видео

#offtop #video

Недавно вышел первый публичный драфт спецификации для masonry лэйаута в CSS

Сразу с двумя вариантами реализации

#css #masonry

Этимология слова freelance

Изначально это было 2 отдельных слова: free lance, где lance - это воин. А free lance - это воин-наёмник, который не присягал на службу какому-то одному лорду, а воевал за того, кто ему заплатит.

#meme

Варианты 10 пет-проектов на Vue для новичков

#pet

На vuejs.org появилась Доска почета

В принципе, идея неплохая, но как-то все это выглядит дешево (навязывание сертификации), особенно после получения Эваном хороших инвестиций на Voidzero.

#certification #jobs

john Resig - создатель JQuery

Комментировал события на ViteConf

#jquery #vite

#meme #js

В очередной раз делая i18n на Vue проекте, задумался - а зачем этому модулю (и функции t() в частности) реактивность? Неважно, стандартный это i18n-next или самописный.

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

Большинство сайтов направлены на определенную языковую аудиторию. Кроме того, можно определять по браузеру язык системы и автоматически в него переключаться в первый раз. То есть, процент тех, кто на сайте сменит язык какой - 1-2? И из-за одного их переключения должны тормозить все?

Напомню, что у монструозного лендинга GitLab основная зависимость в 13Mb скриптов именно i18n

Какие мысли по этому поводу?

#i18n #optimization

Интересная табличка

Google проверяет какие сайты проходят их тест на Web Vitals

Как видим, у Vue результаты значительно лучше, чем и SSR-ного Nuxt, одним из заманивающих доводов которого вроде бы и является хорошие веб метрики.

Также очень точно подтвердился наш подсчет по npm пакетам о соотношении сайтов на Vue и Nuxt - Vue примерно в 6-7 раз больше.

Ну и если отмотать на статистику 2020 года, то можно увидеть, что React превалировал над Vue в 10 раз. Сейчас - примерно в 2.

Script setup - this is how it's done.

#vuejs #nuxt #react #stats

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

Забавно

#ai #ide

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

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

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

#ai

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

#offtop #video

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

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

#svelte #nuxt #stats