Всплывающая подсказка (Tooltip) на Alpine.js и Tailwind CSS Всплывающие подсказки помогают показывать дополнительную информацию, когда пользователь наводит курсор на элемент. Сдела…
Web разработка
Создание компонента Notifications в Alpine.js
Уведомления нужны, чтобы показывать пользователю важную информацию: что действие прошло успешно, возникла ошибка или нужно обратить внимание. С Alpine.js и Tailwind CSS можно сдела…
Создание Dropdown меню в Alpine.js
Выпадающее меню — это список опций, который открывается по клику. С помощью Alpine.js и Tailwind CSS его можно сделать очень быстро. Пример кода <div x-data=»{ open: false }» cl…
Создание табов в Alpine.js
В этой статье мы рассмотрим, как создать табы с использованием Alpine.js, чтобы управлять отображением контента в зависимости от выбранной вкладки. Мы создадим простую структуру та…
PhpStorm. Shelving и Stashing
В процессе разработки программного обеспечения часто возникает необходимость временно сохранить изменения, которые еще не были зафиксированы. PhpStorm предлагает удобные функции дл…
Alpine.js X-slot
X-slot — это директива, используемая в Alpine.js, которая позволяет вам определять слоты в компонентах. Слоты — это специальные места в компоненте, куда вы можете вставлять контент…
Dockerfile. WORKDIR
Определение WORKDIR — это команда в Dockerfile, которая задает рабочую директорию для всех последующих инструкций, таких как RUN, CMD, ENTRYPOINT, COPY и ADD. Если указанная директ…
Шаблон проектирования «Репозиторий»
Шаблон проектирования «Репозиторий» (Repository Pattern) — это мощный структурный подход, который помогает создать четкую границу между бизнес-логикой вашего приложения и…