Четыре типографические карточки связывают название, состав, массу и упаковку одним ID.
О проекте
Задача
У обеденного набора легко потерять гарнир или посчитать соус частью блюда в одном файле и отдельной позицией в другом. Я задал состав по компонентам до верстки.
Решение
Для мясного и рыбного обеда выбрал контейнер с двумя секциями, для овощных вариантов — общий. Название занимает первую строку, состав — вторую, а масса и упаковка образуют нижний служебный блок. Соус входит в массу каждой позиции; отдельный ID связывает лист с полной раскладкой.
Результат
Готовы четыре карточки на 360, 350, 320 и 310 г. На одном листе удобно сравнить состав и тип упаковки, а в раскладке — проверить массу соуса и гарнира. Изменение граммовки обнаруживается до экспорта позиции.
Что передано заказчику
- index.html
- source.json
- source.csv
- result.json
- result.csv
- engine.js
- checks.json
- style.css
- menu.svg
- specifications.json
Инструменты и подход
Навыки
Содержание 3
Готовая работа
Разные обеды требуют разных контейнеров
Курица с рисом и рыба с картофелем показаны в двух секциях, нут и гречка — в одной. Эта деталь влияет на чтение состава: перегородка не должна обещать разделение там, где блюдо собрано вместе. Сетка 2 × 2 позволяет сравнить четыре порции без выравнивания их массы до одной красивой цифры.
Разбор и материалы
Вклад и команда
Я составил четыре рецептурные карточки и нарисовал обеды с соответствующими им контейнерами и граммовками.
Ссылки и материалы
- index.html
- source.json
- source.csv
- result.json
- result.csv
- engine.js
- verify.cjs
- checks.json
- style.css
- menu.svg
- specifications.json
- Обеденная серия: четыре карточки с точным составом — исходная таблица.csv
4 ситуаций для сравнения.
- Обеденная серия: четыре карточки с точным составом — проверка.txt
Критерии проверки этого решения.
- Обеденная серия: четыре карточки с точным составом — паспорт.json
Контекст, ограничения, решение и данные.
- Обеденная серия: четыре карточки с точным составом — инструкция.html
Как открыть и проверить рабочий разбор.
Загружаем комментарии…