Weebr Всё о создании сайтов: от идеи и дизайна до вёрстки и запуска — понятно, с примерами и по шагам.

[01] Маршрут запуска

  1. Идея Определяем цель
  2. Прототип Рисуем схему
  3. Дизайн Собираем макет
  4. Вёрстка Пишем код
  5. CMS Ставим движок
  6. Запуск Публикуем проект

[02] Анатомия страницы

Идея

Цель, аудитория и три задачи страницы. Пока нет ни одного пикселя — только ответ на вопрос «зачем».

<header> <div> <div> Структура Дизайн Код <div> <header> <div> <div> <div>

Последние записи

[03] Паспорт проекта

  • Структура — пять разделов
  • Шрифты — два начертания
  • Сетка — двенадцать колонок
  • CMS — готовая система
  • Хостинг — обычный

Палитра

h1 {
  font-size: 64px;
}

[04] Пять ошибок новичка

  • Три шрифта — плохоОдин шрифт — хорошо
  • Текст по центру — плохоТекст по сетке — хорошо
  • Сто цветов — плохоТри цвета — хорошо
  • Всё в анимации — плохоПростые состояния — хорошо
  • Заголовок-картинка — плохоТекст, а не картинка — хорошо

Проверь на телефоне