андрей смирнов: сайты, построенные целиком на css

cherry & vine / 15 мая, 2004 / 12:36

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

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

как всегда свое негодование (или восхищение) переменами в дизайне id-as.com вы можете присылать на постоянный контактный адрес этого сайта.

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

no more ie/win 5.5 bugs

совсем недавно в рамках двухчастного сообщения под общим названием «неадекватное поведение самого недалекого браузера всех времен и народов», я опубликовал скриншот внешнего вида главного меню id-as.com в трех версиях браузера ie/win. рядом со скриншотом прозвучал вопрос: «а вот кто знает, откуда берется горизонтальное поле, отделяющее закладку «события» от залитой этим же цветом левой части дизайна, в ie/win 5.5?»

павел моторин сообщил о причине отступа в ie/win 5.5 и предложил способ лечения болезни, у которого, правда, нашлись противопоказания (проблемы с отображением в опере). упомянутая версия «иевина» (он же ie/win) страдает (плюс к миллиону других) следующим багом. «иевин 5.5» выносит межбуквенный интервал (letter-spacing), заданный для элемента списка (li) за пределы этого элемента списка и отодвигает элемент списка от левой части дизайна на указанное расстояние. если бы я убрал этот межбуквенный интервал, мгновено исчез бы и отступ. с одновременным визуальным разрушением типографической гармонии элементов меню!

в тот момент причина поведения «иевина» была ясна, но нормального решения, работающего во всех браузерах не было.

теперь оно появилось. ну то есть, если вы откроете эту страницу в «иевине 5.5», вы увидите, что отступа больше нет.

проблема разрешилась, как это часто бывает с css-багами, довольно неожиданно. а именно увеличением левого отступа для ссылки внутри элемента списка (padding-left) с 0.7em до 1.2em.

вуаля! no ie/win 5.5 bugs in this layout any more! (вернее баги-то у «иевина» сохраняются. просто нашелся способ избежать их визуального отображения. элементы меню при этом отодвигаются чуть дальше вправо, но дизайну это не вредит. а скорее даже наоборот.)

a heading in the opera

скачав только что официально опубликованную оперу 7.50, я обнаружил, что в ней (как и в предыдущих версиях) заголовки третьего уровня (для которых я задал размер 1.3em) отображаются более мелким шрифтом, нежели в ie/win и в firefox’e. а интерлиньяж (line-height: 1.5em) для параграфов выглядит большим (ударение на первом слоге) по сравнению с другими браузерами.

лечение было стремительно эффективным: h3 {font-size: 1.33em} для первого случая, и #copy p {line-height: 1.48em} для второго.

типографика тела страницы теперь постоянна от браузера к браузеру.

правее держаться, держаться правее

правее и выше, если быть более точным. потому что именно справа вверху под заголовком «недавно там» находится неплохая подборка образовательного чтива по веб-дизайну (и не только). пока только на английском, к сожалению. а что, есть ли подобная глубина мысли дизайнерской где-нибудь на русском? если есть, присылайте ссылки, будем «распространять слова на улице».

со своей стороны обещаю на днях две ссылки на русские css-сайты, не имеющие отношения к id-as.com. следите за эфиром.

: предыдущие сообщения :