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