Рестайлинг

Сделал на сайте небольшой рестайлинг, который коснулся в основном блога и форума. Вспомнил заржавевшие CSS'ные скиллы :-).

Как водится, я готов послушать критику, но, как опять-таки водится, вряд ли она на что-то повлияет :-). Не потому что я такой упрямый (хотя поэтому тоже), а в основном потому что обычна она сводится к вкусовому восприятию, а мне больше интересна критика технологическая. Ну и кроме того, контент всегда важнее оформления.

Итак вкратце, что поменялось:

• Метаданные урезаны до самого минимума (иногда даже слишком). В частности, наверху поста есть только ссылка на блог, в рамках которого она написана, и дата: это достаточный контекст для человека, пришедшего на статью из поисковика. В комментариях осталось только имя автора — время не добавляет ничего к пониманию смысла комментария. А бесполезный некропостинг я просто удаляю.

• Убрал правое выравнивание у кучи элементов. Это шаг к тому, чтобы свести в итоге всю вёрстку в одну колонку и выдавать её для мобильных браузеров с бо́льшим размером шрифта. Кстати, буду благодарен за ссылку на хорошую теорию о том, какими средствами это нынче делается.

• Уменьшил шрифты заголовков и метаданных. Гигантомания ни к чему :-). Длинные заголовки топиков на форуме часто совсем плохо читались. Ещё и буквицу похоронил, которая в начале статей блога была.

• Неожиданно вспомнил про display: inline-block, который давно поддерживают современные браузеры и применил его вместо float: left для выкладки блоков по горизонтали. Float'ы всегда были хаком с кучей проблем: приходилось или писать clear'ы, или вешать overflow, а inline-block всего этого лишён: просто блок целиком начинает вести себя как эдакая здоровенная буква. К нему, например, vertical-align начинает применяться. Очень удобно.

Если кому-то вдруг станет интересно посмотреть в несжатые стили, то вот они: layout-general.css, layout-specific.css, fonts.css, colors.css, misc.css.