В слове "фронтэндер" есть что-то унизительное и оскорбительное (как и в "бэкендер", впрочем)". Фронтенд как область разработки, конечно, имеет полное право на существование, но человек, который сидит исключительно в ней, и предпочитает только "красить кнопочки" - ущербен.

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

Вполне можно начать изучать программирование с фронта, но если через год-два-три ты не можешь поднять сервер и написать простой бэк, а предпочитаешь только красить кнопочки, если тебе не интересно построить и запустить что-то цельное, рабочее, исследовать что-то новое, то ты не разработчик. Ты маляр-халтурщик. И место твоё у ведра краски с лохматой кистью и шапкой-лодочкой из газеты "Известия".

#esse

Вышла вторая часть курса по Vue 3 Ильи Климова - "Реактивность"

Толковое объяснение "на пальцах". Яркий пример отличия учебника от документации.

Что не понравилось - смешивание понятия реактивности и связывания с шаблоном. Реактивные конструкции не приколочены к UI и могут использоваться и в других языках. Хотя, конечно, основное применение - динамичный пользовательский интерфейс.

#learning #klimov #rectivity

ESLint теперь официально поддерживает линтинг CSS

#eslint #css

Интересный JSON Viewer попался

Удобно смотреть, для дебага в админке и вообще

#json #lib

Вышло обновление моей Lissa Health - приложения для хранения личной медицинской информации и ИИ аналитики по данным

Добавлено: вложения файлов, экспорт данных, улучшено распознавание документов, исправлены ошибки в графиках, интегрирована YooKassa, партнерская программа

Наконец сделаны e2e (playwright) и API (phpunit) тесты

Создан канал с новостями о разработке приложения - @lissahealth

Подписывайтесь. Будете свидетелями рождения единорога.

#lissa #pet

Псевдокласс CSS :empty свидетельствует, что в элементе пусто.

Полезен при необходимости, например, обнулять padding и margin пустого элемента, либо делать что-то еще

#css #tip

Ответ к вопросу в прошлом посте

Реализация tour:

1. Находим абсолютные координаты target element.
2. Создаем прозрачный модальный элемент с такими же абсолютными координатными.
3. Ставим ему... boxShadow: 0 0 0 9999px rgba(0, 0, 0, 0.7)

Это первая половина гениальности. Вторая состоит в том, что теперь анимация перехода подсветки это тоже одна CSS строка: transition.

Ну и копирование исходного border-radius даст в большинстве случаев ту же самую форму.

В итоге весь визуал туринга занимает меньше 20 строк по сути, и можно сосредоточиться на логике.

На таких велосипедах я готов всю жизнь кататься. А антивелосипедисты могут использовать VueUse, svg маски и прочие достижения контемпорари фронтенда.

#tour #css

Для Vue проекта с микрофронтэндами человек детально сравнил три бандлера

https://habr.com/ru/articles/888478/

#vite #webpack #rspack