Альманах был запущен в версии 9 и так и не был завершен. Но с каждым днем все ближе и ближе. Итак, в версии 10 мы будем строить проект, исходя из предположения, что это «сделано».
Мы смотрим на существующий дизайн v9, который вроде как неплох, но не очень хорошо обслуживает контент. Вкратце, мы видим, что наведение курсора на буквы, выделенные жирным шрифтом при наведении курсора, обычно является запретом (часто отталкивает другой текст и выглядит странно), но это своего рода классный эффект на эти заблокированные буквы.
У нас уже есть настраиваемый графический заголовок, поэтому мы поместили его в Photoshop, чтобы мы могли повозиться с дизайном в контексте. В иллюстрации Джованни мне отчасти нравится то, что она напоминает мне физическую книгу, которая была распространена там, где я вырос: Альманах фермера. Мы решили взять метафору физической книги и внести ее в этот дизайн. Не скевоморфизм или что-то в этом роде, а просто намек на размерность.
Мы делаем разворот на две страницы и используем градиенты, чтобы намекать на тень и привязку. Поиграем с тенями, чтобы усилить эффект.
Снова расширяя метафору «книги», мы выбираем рукописный шрифт, чтобы отображать буквы в книге, делая ее больше похожей на дневник или дневник, чем на книгу, что меня устраивает.
Эта область разделена на две части (что хорошо работает с двухстраничным макетом). Одна сторона предназначена для свойств CSS, а другая - для селекторов CSS. Чтобы сделать это визуально более четким (помимо названия двух страниц), две стороны имеют разный основной цвет.
Мы немного продумываем типографику и принимаем решения о том, где можно обойтись этим рукописным шрифтом, а где нет. Мы также немного боимся того факта, что мы (снова) использовали всю страницу для исследования контента. Конечно, это хорошо, но мы снова удалили рекламу, которая очень важна для выживания сайта.