я так понимаю код, который в codepen откуда-то скопирован?
что мешает при сабмите создавать объект с нужными значениями? или, если вы совсем не понимаете что там написано - что мешает вместе со span создавать hidden инпуты, которые при сабмите улетят куда надо автоматом?
исходники, показать гит, да что угодно
но что-то на моей практике не встречалась потребность доказательств
всем насрать на портфолио, его смотрят сквозь пальцы
psd - это и есть тз
больше ничего не надо
если в дизайне нет слоев с ролловерами - это прошлеп дизайнера и, все равно, пояснительная не нужна
пояснительная нужна только в том случае - если есть какая-то динамика адаптива, которую в статичном макете показать невозможно - тогда можно сделать гифку\видяшку\на словах обьяснить че там происходит
как же задолбали эти дебильные вопросы....
если заказчик хочет ие8 и платит тебе за это деньги - ты делаешь под ие8
если ты делаешь что-то для себя - сам и решай, нужно ли тебе это некрофильство