morfizm (morfizm) wrote,
morfizm
morfizm

Category:

Настройка дизайна блога

Если вы посмотрите на домашнюю страничку моего журнала, то, возможно, подумаете, что я решил сэкономить время на оформлении и выбрал самый простой дизайн.

Последнее - правда. Но время сэкономить не удалось. Самый простой дизайн был настолько захламленный, что мне пришлось потратить уйму времени на CSS-настройки, чтобы сделать из него действительно простой дизайн:
* Убрать лишнее (напр., у меня, как вы видите, нет списка тэгов, календаря и другого хлама).
* Сделать более контрастную цветовую гамму (другими словами, сделать по чёрным по белому, вместо ...серовато-голубовато-желтоватого).
* Вылизать пиксели, чтобы было ровненько, красивенько, с полями, фиксированная ширина и выравнивание влево (больше всего я намучился именно с выравниванием влево!).

Со всеми этими задачами я справился лишь частично, но пока сойдёт.
Следующее препятствие, с которым встретился - это то, что мои CSS-атрибуты работают по-разному в разных обозревателях. (Обнаружено благодаря читателям, которые заметили, что в их обозревателе всё криво). Я специально прошёлся напильником для FireFox, потом прошёлся напильником ещё раз - для Safari. Потом обнаружилось, что на IE6 моя страница вообще отображается пустой. Прошёлся напильником для IE6. Для тестирования под IE6 я использовал виртуальную машину.

Мораль:
* Этот мир не справедлив и не ценит простоту. Казалось бы, простой дизайн должно быть сделать просто, а сложный - сложно. Ан нет! Оно наоборот.
* CSS ещё сырой и несовместимый. Размещение элементов на странице нужно делать используя старые добрые tables.
* IE6 не любит float:left и position:relative. Ему больше нравится position:absolute.
* Если у меня когда-нибудь будет блог движок, в котором я дам пользователям возможность настраивать дизайн, я ни в коем случае не буду разрешать им вставлять произвольный CSS. Лучше уж разработать для них специализированный язык разметки, хорошо протестированный на разных обозревателях.
Subscribe
  • Post a new comment

    Error

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 10 comments