Проект: мое портфолио

Интро проекта мое портфолио

Мое
Портфолио

Описание и функционал моего портфолио

Функционал сайта

  • Все страницы сайта доступны для просмотра

Технологии и особенности

  • Сайт сделан на html, css и js
  • В работе использовался препроцессор sass, что ускоряет работу и обеспечивает модульность верстки
  • При верстке использовалась методология БЭМ. Это обеспечивает реиспользуемость элементов и лучшую поддержку
  • Для рутинных операций и сборки проекта использовался gulp. В текущей версии проекта gulp заменен на webpack
  • Сайт адаптивный, то есть сделаны отдельные версии для мобильных устройств, планшетов и компьютеров
  • Верстка семантична, что улучшает ее восприятие браузерами. Такой сайт проще продвигать и легче поддерживать
  • Файл стилей, иконки и картинки минифицированы. Для каждого устройства скачиваются картинки оптимального размера, что позволяет сайту загружаться быстрее и экономит трафик
  • Проведена ретинизация изображений. Это значит, что пользователи, устройства которых обладают экранами с повышенной плотностью пикселей, например, пользователи Apple, увидят изображения в улучшенном качестве
  • Выполнена предзагрузка шрифтов в html. Это позволяет показать пользователю контент сайта максимально быстро даже при низкой скорости интернета
  • При разработке проекта использовался шаблонизатор pug. Он позволяет дробить верстку на компоненты и упрощает поддержку сайта
  • На скриншоте представлена одна из первых версий портфолио. К счастью оно менялось и в итоге превратилось в тот сайт, на котором вы сейчас находитесь

Контакты

@Vlad_Mokrousov