Мне хочется выглядеть идеальным в интернете, но на деле я еле прочитываю одну книгу в месяц, а «Стива Джобса» вообще читал два года. Мне стыдно за такое, поэтому я завёл на своём сайте страницу, на которой выставляю книги и время их прочтения. Все видят, как я мало читаю, — я читаю много.

Эту страницу сделал летом 2016 года. Думал, буду сразу добавлять прочитанные книжки, но за год почти не обновил список. Объясню, в чём была проблема, и расскажу, как её решил.

Проблема

Страница адаптивная: чем больше у человека экран, тем больше книг в строке.

Всего четыре экрана. На экране 1600 пк и больше — 6 книг в строке, на 1600—1200 пк — 4 книги, на 1200—768 пк — 3, на телефоне — одна

На момент создания у меня был другой уровень вёрстки, страница получилась неоптимизированной. Для каждого экрана сделана своя таблица со своими строками.

Чтобы добавить прочитанную книжку, приходилось руками переписывать все таблицы со всеми строками.

Я добавил книги три, на большее меня не хватило. Долгое и нудное занятие отбивает желание его делать. Проблема в плохом интерфейсе.

Решение

Попробовал уйти от табличной вёрстки, но не получилось: если верстал «флоатами», рушился порядок. Гуглить и пользоваться «гридами» тогда не умел.

Я залил книги в базу данных и автоматизировал переписывание таблиц.

Добавление стало проще. Нужно загрузить обложку на сервер и заполнить форму в базе:

Можно ещё упростить систему. Заполнять форму на сайте, а остальное поручать машине: кадрировать обложку, сохранять её, делать запись в базе данных. Но пока не было такого, что бы я не добавил книгу сразу.