SynteticCat/calorie-counter

🚲 Lending "Calorie Counter" was developed for development of professional skill.

Введение

Работу можно посмотреть по этой ссылке (открывать с ПК, без адаптивной верстки)

🚲 Лендинг "Calorie Counter" разрабатывается для:

• совершенствования навыков вёрстки
• проведения эксперимента по оценке скорости разработки продукта

⛔ Ограничения:

• Семантическая вёрстка
• Наибольшее внимание качеству вёрстки (не JS)
• Функционал сайта содержит минимум 2-3 действия
• State приложения чуть более сложный, чем 3-4 значения

🚀 Подробный ход эксперимента

Вёрстка статической страницы, итог
✔ Общее время разработки: 466 мин / 7.8ч (+123 мин на скрипты)
✔ Общее время вёрстки: 343 мин / 5.7ч
✔ Среднее время вёрстки элемента: 57 мин / 0.95ч

❓ Ожидание прироста скорости вёрстки: +15-20%
❓ Предположение о максимуме прироста скорости такой верстки с сохранением качества: +50%

Эти факты показались мне интересными
🔎 HTML: 160 строк
🔎 CSS:* 437 строк
🔎 соотношение CSS / HTML: 2.7
🔎 количество строк CSS в час: 77
🔎 количество строк HTML в час: 28

пошагово...

(1 шаг)
история поиска: link preload, font-face свойства, normalize.css, СSS фон
начало эксперимента: 14.02.2021, 16:43
приостановка эксперимента: 14.02.2021, 18:05
прошло: 82 мин

(2 шаг)
история поиска: разница между first-child и first-of-type, разница между display:none и visibility:hidden, input checkbox required, label input css, second-of-type css, input type hidden
продолжение эксперимента: 15.02.21 00:28
приостановка эксперимента: 15.02.21 1:39
прошло: 71 мин

(3 шаг)
история поиска: html fieldset, input inputmode, css placeholder hidden
продолжение эксперимента: 15.02.21 2:27
приостановка эксперимента: 15.02.21 3:49
прошло: 82 мин

(4 шаг)
история поиска: input value
продолжение эксперимента: 15.02.21 12:18
приостановка эксперимента: 15.02.21 13:06
прошло: 48 мин

(5 шаг)
история поиска: html button disabled, html button name, css currentColor
продолжение эксперимента: 15.02.21 15:47
приостановка эксперимента: 15.02.21 16:27
прошло: 40 мин

(6 шаг)
история поиска: -
продолжение эксперимента: 15.02.21 16:36
приостановка эксперимента: 15.02.21 16:56
прошло: 20 мин