В самом начале

В древней Греции софисты щеголяли в одеждах, которые сами же и шили. Кроме того они сами делали изготавливали себе украшения, строили дома, лечили себя. Крутые, автономные мужики. Примерно также появился и этот сайт. Дизайн — мой, верстка и кодинг тоже мои. Работает всё это на великом и могучем WordPress. Хостинг любезно предоставлен проектом Podberihost.ru.

Что здесь будет?

Собираюсь публиковать свои статьи, рассказы, стихи. Тематика: литература, кино, web-разработка, дизайн, видеоролики и картинки, которые произвели на меня впечатление,  и, конечно же, няшные котики.

Особенности разработки

При создании сайта я старался максимально использовать встроенный функционал WordPress:

  1. Форматы постов;
  2. Типы контента;
  3. Таксономия;
  4. Родные комментарии;
  5. ?????
  6. PROFIT!

Более подробно обо всем этом я расскажу в последующих постах, а пока я не отошел от стресса после установки социальных кнопок.

Особенности верстки

Сайт сверстан с doctype html5, однако новые теги я не использовал. Планирую добавить их позднее, когда исправлю глюки в разных броузерах. Кстати, буду рад если вы сообщите о них в комментариях. Сетка сделана на основе 960.css с измененными параметрами:

  • 12 колонок;
  • Ширина колонки — 60 px;
  • Высота строки — 24 px;
  • Итоговая ширина 1008 пикселей.

Также при верстке я использовал: selectivizr.js для совместимости селекторов CSS3 с IE 6-8 (закругленные уголки под него я не делал по идейным соображениям).

Мне нравится вертикальный ритм и я заложил в сетку сайта высоту строки в 24px для всех элементов. При создании вертикального ритма я пользовался рекомендациями Harry Roberts.

Для ускорения загрузки сайта я применил CSS-спрайты. Javascript расположен внизу страницы с той же целью.

2 комментария к материалу «В самом начале»

Влад пишет:

Привет!
В линуховом хроме глюки с верхним горизонтальным меню — не с первого раза удается перейи по ссылке

admin пишет:

Все исправил.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>