Web & CMS

Что такое HTML, CSS и JavaScript

Что это

Базовые технологии любой веб-страницы: HTML — структура, CSS — оформление, JavaScript — интерактивность.

Как применяем

Для лендингов и сайтов-визиток без готовой CMS — когда важна максимальная скорость загрузки и не нужна админка для регулярного редактирования контента.

Где это нужно бизнесу

  • Нужна одна страница — визитка специалиста или лендинг — и она должна мгновенно открываться с телефона.
  • Демо или инструкция должны открываться на любом веб-сервере без установки зависимостей.
  • Страница должна жить годами без обновлений фреймворков.

Как мы это используем

  • Визитка. Сайт Валерия Афанасьева — одна страница без фреймворков и сборки: 3D-сканер на canvas, раздел вопросов на <details> без JavaScript, свои шрифты. Без скрипта страница остаётся статичной и читаемой.
  • Демо-стенд. Три сайта музейного комплекса на общем ядре из 2081 строки: сетка, шапка, формы, плашка cookie и доступность написаны один раз, а различия вынесены в переменные и данные.
  • Инструкции. Пять страниц по подключению VPN — каждая один HTML-файл со встроенными стилями и скриптами.
  • Открытка. Страница открытки в UNLOCK — один статический HTML-файл; при недоступности сервиса она открывается на вшитых значениях.

Типичные проблемы

  • Анимации нагружают телефон. На визитке все анимации, кроме сканера, используют только transform и opacity и выключаются настройкой «уменьшить движение».
  • Копипаст между страницами. В инструкциях стили и скрипты продублированы в пяти файлах, общего шаблона пока нет — правка требует обойти все файлы.

Когда это не нужно

Если страниц много, есть два языка или владелец сам правит контент, нужен Nuxt или CMS: вручную поддерживать десятки HTML-файлов неудобно.

← Все термины

Нужен сайт, бот или автоматизация?

Термины объяснили — теперь давайте к делу: расскажите о задаче, а мы переведём её на понятный план работ.