
Многие WEB мастера, рано или поздно, решаются сделать персональную страничку, блог. Блог – зеркало души, разума его владельца. На блоге, мы стараемся публиковать то, что интересно именно нам, делится впечатлениями, причем бескорыстно
(Сателлиты не в счет
). Конечно, дизайн вашего блога так, же должен быть соответствующий, те прекрасный, стабильный и удобный (юзабилити, как нынче модно выражаться). Но как же сделать подобный? Поручить это дело дизайнеру – не то, а сделать дизайн из ничего, никогда не занимаясь подобным – сложно.
Выход просто. Нужно содрать идеи с других блогов
. Ничего плохого в этом нету, не все родились дизайнерами. Возможно вы бы пришли к подобным плодам, но опыта у вас нету. Все что нравится вам – ваше, и не важно, кто это первый придумал.
Смысл данной статьи в том, чтобы показать вам пару-тройку примеров красивых дизайнов. Действительно красивых, удобных, стабильных и без лишней ненужной графики. Кстати, такие блоги отлично индексируются в поисковых системах, а их красота и удобность заставляют вернуться читателя на блог еще.
CSS-Tricks.com – мой любимый блог. Простота, удобность, красота и креатив. Новый дизайн был создан Chris’ом буквально неделю назад.

Посмотрите, насколько же все просто и логично прорисовано. Логотип выполнен с помощью CSS средств, как впрочем и весь блог. Это позволит видеть полноценный блог даже не загружая изображения. Размер главной страницы всего 20кбайт (в того, же Яндекса – 40кбайт
).
В верстке применяется CSS3, но это не препятствует читать его в устарелых браузер (IE7, к примеру). Ниже на скриншоте показана страница открытая в режиме совместимости (эмуляция IE7) Internet Explorer 9:

Как видите, разницы почти нет. При создании дизайна для своего дизайна помните, что посетитель может иметь модный Google Chrome, так само, как и Internet Explorer 5, поэтому, не стоит верстать только под свой браузер, нужно соблюдать кросбраузерность, тестировать дизайн во всех браузерах. Если таки что-то портировать не удастся, ни с помощью JS скриптов, ни с помощью CSS хаков, не расстраивайтесь! – Для старого тупого осла (IE5) можно сделать отдельный дизайн, не столь красивый и авторский, но корректный, легкий и удобный, тем самым уберечь и удовлетворить даже 1 посетителя с устарелым ПО.
А теперь рассмотрим другую важную часть блога – боковую колонку, или проще сказать, сайдбар.

Она выполнена в виде двух столбцов, что позволило вместить все нужные виджеты блога не растягивая при этом блог по вертикали. В садбар Chris вместил такие блоки как: опрос, баннеры (тематические), список самых популярных постов блога, цитаты из других тематических блогов, иными словами – блогрол.
Дизайн кажется очень простым, но в него вошло все, и даже больше, нужное читателю. Большое внимание нужно уделить hover эффектам на блоге, к ним добавлены спецэффекты. При наведении на любой блок раскрывается весь его смысл. Пример:

Правда, чудесно? Таких блоков в подвале целых 8 штук, а смотрятся они выдержано и не мешают просто читать блог (а как было бы ужасно, если все 8 блоков сразу были оформлены в цветах).
Какой дизайн – такой и код. Здесь тоже не без прелестей. В верстке использовался HTML5, что позволило уменьшить размер кода без потери смысла.

Просмотреть CSS-Tricks полностью и оценить все вкусности вы можете сами, а теперь перейдем к следующему красавцу.
Dimox.name – блог, коим может гордится рунет, точнее дизайнеры и верстальщики рунета
.

Все гармонично. Сдержано. Удобно. Кроме того, автор блога сам разрабатывает плагины для WordPress, скрипты, кои помогут многим блоггерам. Ему стоит сказать спасибо за то, что читатели моего данного блога могут смотреть комментарии перед публикацией, пользоваться удобной боковой панелью. Так, же, очень отлично выполнена главная страница (раскрытым отображается только последний добавленный пост блога). Впрочем, подобное решение главной страницы не редкость, как это реализовать можно узнать у меня
.
LadyGaGa.com – удачный пример авторского блога.
В отличии от других блогов, дизайн этого делал не его автор, впрочем, как и материал
. Понравился этот блог не чистым кодом страницы, не грамотным расположением объектов, а именно авторством. Стоит открыть главную страницы, уже ясно куда попал
. В дурдом. На блог эпатажной певицы – Lady GaG’и. Блог у нее не меньше эпатажный, чем она.

Если под словом «Блог», вы подразумеваете авторскую визитку, коей можно похвастать и перед клиентами, и перед друзьями, при создании дизайна для своего блога, вам нужно присмотреться именно к этому блогу. Здесь все – начиная фоном и заканчивая баннерами напихано авторством. И выглядит это отнюдь не глупо, а очень даже красиво. Эпатаж
.
Вот такие направления в дизайне нынче модны. Присмотритесь к другим дизайнам других блогов перед созданием или заказом дизайна для своего. В этом ничего плохого нету. Ваши читатели должны получать удовольствие не только от ваших текстов, а и от блога в целом.