Раскрывающиеся аккордеоны удобно делать через стандартный details HTML элемент.

Чтобы сделать группу (раскрытым может быть только один элемент единовременно), нужно добавить атрибут name с одним и тем же значением.

<details name="some-group">
  <summary>1</summary>
  <p>…</p>
</details>
<details name="some-group">
  <summary>2</summary>
  <p>…</p>
</details>
<details name="some-group">
  <summary>3</summary>
  <p>…</p>
</details>

Также details поддерживает хорошую стилизацию - пример
(Небольшая часть этого работает пока только в Chromium)

#html #accordion

В начале ноября Эван обещал к концу года Rolldown v1.0.0-beta, но обманул. Пока v0.15

Кто-то их отвлекает...

Также интересно посмотреть на вклад Эвана в Rolldown

#rolldown #evanyou

Опубликовались

Rolldown 1.0.0-beta.1

Ждем Vite версию

#rolldown

Основные принципы локально-ориентированной (Local-First) разработки

Локально-ориентированная разработка имеет сходства с подходами offline-first, но идет дальше, уделяя больше внимания контролю пользователя и владению данными. Вот ключевые принципы, определяющие настоящую локально-ориентированную веб-приложение:

- Мгновенный доступ: Пользователи могут немедленно получить доступ к своей работе без ожидания загрузки или синхронизации данных (отсутствие спиннеров).

- Независимость от устройства: Данные доступны на разных устройствах без проблем.

- Независимость от сети: Основные задачи могут выполняться без подключения к интернету.

- Легкость совместной работы: Приложение поддерживает легкое совместную работу, даже в автономных сценариях.

- Долговечные (Future-Proof) данные: Данные пользователей остаются доступными и пригодными для использования с течением времени, независимо от изменений в программном обеспечении.

- Встроенная безопасность: Безопасность и конфиденциальность являются фундаментальными аспектами дизайна.

- Пользовательский контроль: Пользователи полностью владеют и контролируют свои данные.

#bestpractices #architecture

Современные, с..ко, фронтенд учителя

Давить бы в зародыше...

#cringe

Свежий подкаст Эвана о VoidZero

Потренировать английский.

#evanyou #audio

Песня про фронтенд фреймворки

#offtop #video #music

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

Вот человек написал большую статью о том, какую архитектуру для React проектов они подобрали, и всего пару раз обмолвился, что FSD им не подошла.

Ну и что в комментариях? Естественно, грандиозные баталии поклонников FSD, причем, преимущественно, между собой, а не с его противниками. Выяснение, кто правильней толкует их Библию. Что в статье написано - никого не интересует.

#fsd

Попался интересный сайт - cobalt.tools

На Svelte-Kit. И выглядит круто, и функционально полезен (скачивать видео и аудио с youtube и прочего). Классный опенсорсный пет-проект.

#svelte

Более непредвзятого и авторитетного мнения вы не услышите.

Возможно, никогда.

#vuejs #murych

Новогодняя песенка у нас будет прошлогодняя

#video #music

Принес новогодние подарки

Cтатистика от w3techs.com. Они используют Chrome User Experience Report, так что данные достаточно объективные

По сравнению с прошлым годом - у Vue явная положительная динамика

А теперь смотрим на top 1000 (сайтов по посещаемости) и... закуриваем безникотиновую сигару

Элита интырнэта

#benchmark #vue #react #angular #stats