Search
Write a publication
Pull to refresh
17
1
Александр @ZiZIGY

Frontend-разработчик

Send message

БЭМ + Tailwind: прагматичный гибрид для современного фронтенда

Level of difficultyEasy
Reading time8 min
Views3K

Устали от бесконечных споров о CSS-методологиях? В этой статье я рассказываю, как объединил БЭМ и Tailwind в мощный гибридный подход, который спас мой проект и нервную систему. Узнайте, как избавиться от мучительного нейминга, решить проблему с отступами и ускорить разработку в два раза.

Никакого догматизма — только практический опыт и реальные примеры использования лучших сторон обоих подходов.

Чекнуть габеллу.

Магия ClientOnly: повышаем производительность и безопасность в Nuxt-приложениях

Level of difficultyEasy
Reading time8 min
Views904

ClientOnly в Nuxt - это не просто костыль для исправления SSR-ошибок, а многофункциональный инструмент с неожиданными преимуществами. Разбираемся, как этот компонент может ускорить загрузку приложения, улучшить пользовательский опыт и даже создать дополнительный уровень защиты от ботов.

Серьёзно о несерьёзном и с юмором о технологиях — обо всех секретных суперспособностях вашего любимого компонента-невидимки.

...Loading

HTML Builder: визуальный конструктор HTML-структур на Vue 3

Level of difficultyEasy
Reading time3 min
Views9.7K

HTML Builder — визуальный конструктор HTML-структур с drag-and-drop интерфейсом для библиотеки @vue-dnd-kit/components!

🔹 HTML Builder позволяет создавать HTML-структуры без написания кода
🔹 Включает рабочую область, палитру компонентов, дерево элементов и панель настроек
🔹 Сейчас это ранняя бета с минимальным функционалом, но уже можно оценить концепцию
Идеально подходит для создания прототипов и визуальных редакторов CMS.

🔗 Демо: https://zizigy.github.io/html-builder/
🔗 GitHub: https://github.com/ZiZIGY/html-builder

Ищу обратную связь по UI/UX и функциональности. Какие фичи хотели бы видеть? Что можно улучшить в интерфейсе? И тд тп.

Читать далее

Представляю @vue-dnd-kit/components: Готовые компоненты для быстрой разработки интерфейсов с перетаскиванием

Level of difficultyEasy
Reading time8 min
Views6.9K

Представляю vue-dnd-kit/components — готовые компоненты для быстрой разработки drag & drop интерфейсов в Vue 3!

📋 Сортируемые таблицы
📊 Канбан-доски
🌳 Древовидные структуры
🧩 Интерактивные дашборды

CLI работает как shadcn/ui — компоненты клонируются в ваш проект, давая полный контроль над кодом. Проект в активной разработке, но уже готов к использованию!

Готовые компоненты: Table, Kanban, Tree, Dashboard.

Статус: бета, API может изменяться. Подходит для прототипов и активной разработки.

Читать далее

SPA приложение, без JS фреймворков и потери SEO в Bitrix

Level of difficultyHard
Reading time12 min
Views3.5K

Создадим прототип SPA в Bitrix без использования популярных JS фреймворков и библиотек, все будет сделано средставами Bitrix.

И самое главное без потери серверного рендеринга и SEO страниц.

Погнали

Новый комплексный подход к разработке в Bitrix на D7

Level of difficultyHard
Reading time37 min
Views8.5K

В данной статье - покажу новый крутой подход к разработке сайтов на bitrix, который обеспечит легкость в поддержке и масштабируемости.

Покажу как работать с bitrix cli внутри компонентов, покажу как писать тесты и browserlist, чтобы наш CSS и JS собирался согласно browserlist.

Покажу как возвращать через ajax именно компоненты Bitrix с их стилями и скриптами.

И напишем простой компонент на примере этого подхода.

Читать далее

Frontend внутри Bitrix. Использование и написание расширений + SPA приложение на Vue или React

Level of difficultyHard
Reading time9 min
Views8.9K

В данной статье мы рассмотрим правильный подход к Frontend разработки в Bitrix. А именно разделение на расширения которые сможем подключать в любой момент времени. + напишем SPA приложение на React.

Читать далее

SFC Vue3 Компоненты в Bitrix, с использованием Composition API, без сборщиков, без CDN и NPM пакетов

Level of difficultyMedium
Reading time7 min
Views6K

В данной статье будет показана нестандартная реализация компонентов Vue + Bitrix, которую вряд ли кто то видел и использовал.

Без NPM, без сборщиков и без костылей. Все "нативными" средствами

Читать далее

Information

Rating
632-nd
Location
Владимир, Владимирская обл., Россия
Date of birth
Registered
Activity

Specialization

Frontend Developer, Web Developer
Senior
From 250,000 ₽
Vue.js
React
TypeScript
JavaScript
HTML
CSS
SCSS
Adaptive layout
BEM
Nuxt.js