Ответ
HTML, CSS, JavaScript — базовый стек. Для адаптивности — Flexbox, Grid, медиазапросы. Препроцессоры (SASS/LESS) для удобства стилей.
Фреймворки:
- React/Vue/Angular для сложных SPA
- Bootstrap/Tailwind для быстрого прототипирования
Пример адаптивной верстки:
.container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}
@media (max-width: 768px) {
.menu { flex-direction: column; }
}Для оптимизации: BEM, CSS-модули, критический CSS. Инструменты: Figma/Photoshop → HTML/CSS.