`, `

`) - ✅ Добавляйте комментарии для секций - ✅ Используйте значащие ID и классы - ✅ Закрывайте все теги - ✅ Отступы: 4 пробела ### CSS ```css /* Хорошо: организованный, с комментариями */ /* === Hero Section === */ .hero-section { position: relative; min-height: 100vh; display: flex; align-items: center; } .hero-title { font-size: clamp(2rem, 5vw, 4rem); font-weight: 700; } /* Плохо: без структуры */ .hero{min-height:100vh;display:flex;} ``` **Правила:** - ✅ Используйте CSS переменные для цветов и размеров - ✅ Группируйте связанные стили - ✅ Комментируйте секции - ✅ Mobile-first подход - ✅ Используйте `clamp()` для fluid typography - ✅ Отступы: 4 пробела - ✅ Один селектор на строку ### JavaScript ```javascript // Хорошо: понятное, с комментариями /** * Инициализация системы тем * Загружает сохраненную тему из localStorage */ function initTheme() { const savedTheme = localStorage.getItem('phantom-theme') || 'dark'; setTheme(savedTheme); } // Плохо: непонятное, без комментариев function init(){let t=localStorage.getItem('t')||'d';set(t);} ``` **Правила:** - ✅ Используйте `'use strict'` - ✅ Документируйте функции JSDoc комментариями - ✅ Используйте `const` и `let`, избегайте `var` - ✅ Значащие имена переменных - ✅ Обрабатывайте ошибки (`try/catch`) - ✅ Отступы: 4 пробела - ✅ Точка с запятой обязательна ### Адаптивность Тестируйте на всех breakpoints: - ✅ Mobile: 320px - 575px - ✅ Tablet: 576px - 991px - ✅ Desktop: 992px+ - ✅ Large Desktop: 1400px+ ### Производительность - ✅ Оптимизируйте изображения (WebP, srcset) - ✅ Минифицируйте CSS/JS для production - ✅ Используйте `defer` для скриптов - ✅ Lazy loading для изображений - ✅ Избегайте layout thrashing - ✅ Используйте `requestAnimationFrame` для анимаций ### Доступность - ✅ Добавляйте `alt` для изображений - ✅ Используйте ARIA метки - ✅ Keyboard navigation (Tab, Enter, Esc) - ✅ Контрастность WCAG AA (минимум) - ✅ Поддержка `prefers-reduced-motion` - ✅ Focus states для интерактивных элементов ## 📝 Коммиты Используем [Conventional Commits](https://www.conventionalcommits.org/ru/): ``` ():

Title