Рубрика: Разное
-
В больших проектах на Vue часто приходится работать с десятками (а то и сотнями) компонентов. Их импорт и регистрация вручную быстро превращаются в рутину. Для автоматизации этого процесса существует удобный инструмент — unplugin-vue-components. В этой статье разберём, как правильно настроить…
-
Автоматический импорт компонентов в Vue с помощью unplugin-vue-components и Vite
При разработке на Vue часто приходится вручную импортировать и регистрировать компоненты. Это утомляет и засоряет код…
-
@container Queries в Tailwind CSS: новый уровень адаптивности
Адаптивная верстка уже давно стала стандартом, и большинство разработчиков привыкли к media queries, где условия задаются на основе размеров окна браузера. Однако в реальных проектах часто возникает задача адаптировать элементы не к размеру экрана, а к размеру контейнера, внутри которого…
-
UnoCSS + Nuxt: новая скорость и гибкость вместо Tailwind
В мире фронтенда производительность, гибкость и DX (разработческий опыт) — ключевые параметры при выборе стека. И если раньше большинство Nuxt-проектов по умолчанию использовали Tailwind CSS, то сегодня на смену приходит UnoCSS — современный атомарный CSS-движок, который предлагает куда больше, чем…
-
UnoCSS: Молниеносный и Гибкий CSS-Инструмент для Современной Веб-Разработки
В мире веб-разработки стилизация интерфейсов давно вышла за рамки простых CSS-файлов. Инструменты вроде Tailwind CSS полностью изменили подход к написанию стилей — теперь чаще используют utility-first CSS, где стили пишутся прямо в классы элементов. Но Tailwind, несмотря на свою популярность,…
-
Адаптивные сетки в Tailwind CSS: как сделать гибкую раскладку элементов
В современной веб-разработке важно, чтобы интерфейсы корректно отображались на любых устройствах. Один из ключевых инструментов для создания адаптивных макетов — CSS Grid. В этой статье разберём, как с помощью Tailwind CSS легко настраивать адаптивные сетки, которые автоматически подстраиваются под доступное…
-
Сравнение Nuxt.js и Astro: какой фреймворк выбрать?
В мире современной веб-разработки существует множество инструментов для создания быстрых и SEO-дружественных сайтов. Два популярных решения — Nuxt.js и Astro — предлагают разные подходы к разработке. В этой статье мы сравним их по ключевым параметрам, чтобы помочь вам выбрать подходящий…
-
Способы вызова 404 ошибки в Nuxt.js
В Nuxt.js есть несколько способов выкинуть 404 ошибку, чтобы фреймворк корректно её обработал и отобразил соответствующую страницу ошибки. Основные методы: 1. Использование throw createError() 2. В асинхронных данных (asyncData или fetch) 3. В middleware 4. В обработчиках API маршрутов (server/api)…
-
Создаем класс для генерации PDF чеков с динамической высотой
В веб-приложениях часто требуется генерировать PDF документы — чеки, отчеты, счета. Сегодня мы создадим удобный класс на PHP для этой задачи с использованием библиотеки Dompdf, который будет автоматически подстраивать высоту документа под его содержимое.
-
Создание консольной команды в NestJS
В NestJS можно создавать консольные команды (CLI-команды) несколькими способами. Вот основные подходы: 1. Использование встроенного CommandRunner (NestJS 8+) Затем добавьте команду в модуль: 2. Использование Commander.js (более гибкий вариант) 3. Использование NestJS CLI плагинов Вы также можете создать собственный плагин…