Задача
Передо мной стояла задача разработать сайт фотографа. Сайт нужен для демонстрации портфолио и предоставления информации об услугах фотографа. Портфолио должно быть разбито на категории (Свадебное фото и пр.), которые в свою очередь содержат альбомы.
Решение
Всегда стоит начинать с анализа сайтов похожей тематики: у конкурентов и коллег всегда можно научиться тому, как стоит и как не стоит делать. Было решено оставить необходимый минимум: это не создаст на посетителей и потенциальных клиентов смысловой нагрузки. Также было выбрано общее направление, в котором будет оформляться сайт: остановились на лаконичном стиле, который не будет отвлекать от главного — от фотографий.
Тратить время на макеты не имело смысла ввиду того, что это зачастую тормозящий этап, особенно для сайтов такого объёма.
После разработки прототипа я сразу приступил к вёрстке и её интеграции с CMS.
Стек технологий
Я не использовал какие-либо CSS/JS-фреймворки или библиотеки вроде jQuery, к тому же, их использование для таких сайтов нецелесообразно и может сказаться на быстродействии. Всё, что мне нужно — удобный препроцессор, транспайлер для написания кода на современном JavaScript и система сборки. Backend традиционно на MODX Revolution, так как эта CMS содержит удобный интерфейс и дружелюбен для пользователей, умеющих пользоваться компьютером. Никакой погони за хайпом вроде Laravel, это излишнее.
- MODX Revolution — гибкая система управления.
- PostCSS.
- ES6.
- Gulp, webpack.