Портфолио

Веб-разработчик

Стек технологий

  • 85%

    HTML + CSS

  • 78%

    SASS/LESS

  • 76%

    Git

  • 70%

    Gulp

  • 55%

    SVG (спрайты)

  • 20%

    JavaScript

  • 19%

    Photoshop

  • PHP

О процессе работы:

При написании кода я всегда стараюсь всё максимально автоматизировать и ускорить. Для этого я использую препроцессоры + gulp или плагины в VSCode. Обязательно LiveReload для автообновления страницы. Мой лучший друг в работе, это система контроля версий Git с терминалом для более быстрого доступа и каким-либо изменениям. Ещё один важный плюс системы Git это удобство для командной работы над проектом.

При верстке проекта я иду по простому алгоритму действий:

  1. Настройка автоматизации и рабочей области (Git, Gulp, тестирование)
  2. Смысловая html верстка всех страниц.
  3. Выгрузка графики, и применение нужной графики к верстке.
  4. Обязательная проверка на доступность, переключение интерактивных элементов TAB-ом и стрелочками, работа формы без мышки.
  5. Базовая стилизация
    1. Установка шрифта и нормализатора.
    2. Глобальные текстовые и фоновые праметры (настройка основного шрифта, подключение фонов, глобальные стили для ссылок), для body, a, img и т.д. - scaffolding
    3. Далее, перебираю весь документ на стили в формате (цвет фона, цвет текста, размер текста, размер строки, жирность, состояния hover, active, focus)
  6. Делаю сетку (флексы)
  7. Ставлю декоративные элементы (svg, анимации и т.д.) и делаю окончательную стилизацию.
  8. Доработка с помощью JavaScript.

Конечно же это не строгий алгоритм действий, я всегда исхожу из поставленной задачи и сложности её решения.