Куда выложить вёрстку, чтобы заказчик увидел и код, и результат
Чтобы заказчик увидел и код вёрстки, и результат, подготовьте работающую демонстрацию, разрешённый исходник и карточку портфолио с объяснением задачи. На ITSNEW для публикации есть направление «Вёрстка».
Демо показывает поведение страницы, репозиторий — устройство кода, а кейс связывает их с вашей ролью. Одна ссылка без инструкции заставляет посетителя самостоятельно искать нужный результат.
Разделите демонстрацию и исходник
Для статичной HTML/CSS/JavaScript-работы можно использовать подходящий хостинг. GitHub Pages описан в документации как статичный хостинг из репозитория. Он не заменяет серверное окружение для проекта, которому требуется выполнение PHP или другой серверной части.
Если у вас есть только клиентская демонстрация, назовите её границы. Не выдавайте неподключённую форму за работающий приём заявок. Если демо и исходник относятся к разным версиям, согласуйте их перед публикацией.
Подготовьте путь для посетителя
| Ссылка | Что пояснить рядом |
|---|---|
| Демонстрация | Какой сценарий и какие состояния стоит проверить |
| Исходник | Где находится значимая часть вашей работы |
| Инструкция | Как собрать или открыть проект в предусмотренных условиях |
| Кейс | Задачу, роль, решения и проверку |
Не требуйте от каждого заказчика читать весь репозиторий. Выберите один фрагмент, который подтверждает важное решение, и объясните его связь с видимым поведением.
Проверьте адаптацию и состояния
Откройте демонстрацию на нескольких ширинах и проверьте основной путь: навигацию, раскрытие элементов, форму или другой значимый сценарий. Покажите только то, что относится к выполненному объёму.
Для закрытой части можно использовать разрешённые фрагменты, видео или отдельный учебный пример. Не публикуйте исходники клиента только ради заполнения портфолио, если такой показ не согласован.
Уточните личный вклад
Назовите, кто подготовил дизайн, тексты, изображения и серверную логику. Если вы верстали готовый макет, это самостоятельная задача; не нужно приписывать себе весь продукт.
Покажите один сложный участок: перестройку композиции, повторяемый компонент, нестандартное содержание или поведение состояния. Комментарий «сверстал адаптивно» слишком общий без наблюдаемого примера.
Оформите публикацию
В карточке дайте краткий результат, ссылки с понятными названиями и несколько читаемых фрагментов. Укажите версии и зависимости, если они нужны для запуска. Проверьте доступность вне своей рабочей сессии.
Подготовили демо и допустимые материалы? Опубликовать работу.