18.11-26.11.03: «sliding doors of css» по-русски, типографика ala, favicons, css «раздвижных дверей css», логичность кода, rss & cms и просто жизнь
26 ноября, 2003 | id-as.com вне эфира
сегодня сразу после полудня и часов до восьми вечера id-as.com не был доступен с моего рабочего места (юго-запад москвы). однако, не все наблюдали «затмение» так долго. бесстрастные цифры логов показывают, что последний пользователь зашел на сайт в 14:17, затем сайт исчез из эфира и возобновил свою работу только в 18:34. время, естественно, московское.
хостинг-провайдер клянется, что за три года такое случилось впервые и ссылается не то на атаку хакеров, не то на выход из строя дорогостоящей железяки. но слово свое сдержал и обеспечил работоспособность домена уже сегодня вечером.
а я с горя заменил ничего не говоривший заголовок предыдущего сообщения «вопросы и ответы» на говорящий все и сразу «rss & cms».
[размещено: 21:03]24 ноября, 2003 | rss & cms
в связи со свалившимся на меня обильным фрилансом, возможны незначительные перебои в регулярном размещении «событий». тем не менее, постараемся обойтись без перебоев. так же как и без перегерлов, впрочем.
еще хотелось бы убить много зайцев за один раз. образно говоря, естественно. потому что вереницей идут вопросы про:
- правомерность отсутствия на сайте rss feed’a;
- способ обновления контента (cms или «вручную»).
к сожалению до нового года синдикация появится вряд ли—никак не удается раздвинуть двадцать четыре суточных часа. что касается второго пункта, то ответ здесь тоже предельно ясный—вручную.
причем, я не говорю, что это правильно и должно быть именно так. просто сайт еще очень молод и в силу своей молодости несовершенен. как в плане удобства использования, так и во всем остальном плане. с вашим (и нашим) участием он наверняка станет лучше.
[размещено: 21:05]update: 28 декабря, 2003
несмотря на вышерасположенный пессимизм в отношении появления rss на этом сайте, с сегодняшнего дня rss feed (rss 2.0) доступен для всех, кому это нужно. мог бы и пораньше над собой (в смысле над сайтом) в этом отношении поработать!
[размещено: 18:18]23 ноября, 2003 | в мире выборов—выбор за вами
нет. я не о предстоящих в россии выборах. была такая реклама какого-то напитка в начале девяностых. то ли кока-колы, то ли пепси-колы. завершалась она подпевкой: “in the world of choices, the choice is yours”.
теперь возможность выбора появилась и у посетителей этого сайта. александр качанов опубликовал на своем сайте мой перевод статьи дага баумана “sliding doors of css”. вы можете работать с этой статьей здесь или здесь. выбор за вами.
[размещено: 16:15]22 ноября, 2003 | улучшаем логичность кода
вместе с посетителями этого ресурса. в своем сообщении maniac указал на недопустимость использования насильственно придуманных презентационных классов в случае, когда в стандарте для этих целей уже имеются специальные элементы. речь идет об элементе del. с помощью которого помечают текст, который был как бы удален при создании последней версии документа. а это как раз наш случай. текст, помеченный тегами del, визуализируется браузером как перечеркнутый. спасибо, maniac.
the more i learn the less i know
пели the beatles в песне “only a northern song”. вот и мне приходится все чаще убеждаться в том, что хотя объем знаний в голове постоянно увеличивается, знаю я при этом все меньше и меньше. очередной пример—предыдущее сообщение, которое было исправлено благодаря valerijus’у. факт остается фактом: .lv—это латвия, .lt—литва.
[размещено: 10:00]21 ноября, 2003 | литва латвия интересуется веб-стандартами
сразу два литовских латвийских сайта процитировали сообщение дагласа баумана от 16 ноября, посвященное выходу русского перевода статьи «sliding doors of css». вернее сначала эта информация появилась в блоге cu, а потом она была процитирована tamster’ом.
tamster—объемный веб-ресурс с публикациями по темам компьютерного «железа», софта, интернета, кодинга и всего, что с этим связано. cu—это простой блог. но сверстанный в соответствии со стандартами: xhtml и css. несколько человек посетили id-as.com через опубликованные упомянутыми ресурсами ссылки.
[размещено: 20:45]20 ноября, 2003 | css «раздвижных дверей css»
обновление: после ре-дизайна страниц с переводом статьи в начале две тысячи четвертого года содержание данного сообщения представляет только хронологическую ценность.
пока перевод второй части «раздвижных дверей» находится в работе, скажем несколько слов о публикации первой части статьи.
типографика и композиция страницы в публикации отличаются от всего остального сайта:
- введены заглавные буквы;
- абсолютный размер шрифта заменен на относительный;
- убрано правое основное меню.
все это сделано для удобства зрителя, естественно. если чтение пары параграфов текста без заглавных не составит особого труда, то полноценная статья, которая к тому же предназначена еще и для распечатывания, без заглавных превратится в пытку для глаз.
замена абсолютных px на относительные em позволяет пользователям ie/win масштабировать текст при чтении с экрана. при переходе со среднего на крупный шрифт конечно несколько нарушается соотношение основных частей страницы, но удобство и комфорт в этом случае важнее.
баг ie/win
при замене крупного шрифта на самый крупный в ie/win правый плавающий элемент (данные об авторе и оригинальной публикации) смещается в нижнюю часть «страницы». происходит это потому что ширина текста, заключенного в теги pre, в этом случае превышает ширину основного блока с текстом #copywrap, заданную в пикселях. в ie/win блок #copywrap игнорирует свою абсолютно заданную ширину и растягивается на ширину самой длинной строки самого широкого блока pre. как следствие, для правого плавающего блока места становится недостаточно, и он смещается вниз.
насколько корректно такое поведение ie/win сказать не могу, нужно копаться в стандарте. скорее всего все же больше соответствует стандарту поведение браузера nn7.1, в котором длинная строка блока pre просто выходит за пределы #copywrap, не нарушая расположения остальных элементов страницы. ну а в опере механизм масштабирования вообще работает по-другому и прекрасно справляется с данным layout’ом.
ну и наконец основное меню сайта не имеет никакого отношения к публикуемой статье, поэтому оно и изъято из дизайна (такое положение вещей сохранится для всех публикуемых статей). но волноваться не стоит. главное меню становится доступным сразу, как только вы покидаете пределы страницы со статьей через верхний “breadcrumb”.
[размещено: 10:30]19 ноября, 2003 | инструкция по «любимым иконкам»
до сих пор у меня не дошли руки (хотя голова уже дошла) до создания того, что в обиходе называют favicons. это мини-пиксельная графика, которая отображается в некоторых браузерах слева от адреса в адресной строке и в списке «избранного».
matthew mullenweg опубликовал пошаговую инструкцию по созданию favicons, в которой рассказал, как это грамотно сделать в windows.
если вы не читаете по-английски, то есть большая вероятность того, что эту заметку переведет авторитетный и очень полезный ресурс по современному веб-дизайну на русском языке webmascon.com.
[если вы имели счастье зайти на эту страницу до 14:00, то могли увидеть целую историю вокруг имени webmascon. вот так бывает с теми, у кого голова уже дошла. если не имели такого счастья, то упустили немного.]
[отредактировано: 14:00]18 ноября, 2003 | цвет жизни
великолепная типографика a list apart
вчера джеффри зельдман сотоварищи отремонтировали проблемы с отображением ссылок в ala 3.0. проблемы имели место в ie5/win98 и не имели в nn7.1/win98 (про другие браузеры и ос ничего сказать не могу, открывал сайт только на машине с указанным софтом).
ala.css был откорректирован не только по отношению к упомянутым багам, но и в плане типографики. раньше шрифтовой ряд для основных заголовков начинался с trebuchet ms. теперь он стартует так:
"gill sans", "century gothic", "trebuchet ms", "bitstream vera sans", verdana, lucida, arial, helvetica, sans-serif;
на моей машине установлен century gothic и типографика ala 3.0 смотрится просто по-королевски!
[размещено: 22:15]sliding doors in russian
благодаря линку, который щедро разместил на своем сайте даглас бауман, ежедневный трафик этого сайта вырос вчера в двадцать раз, количество посетителей—в десять, а география—в шесть раз. спасибо, даглас!
вчера же вечером линк на перевод статьи дагласа “sliding doors of css” появился непосредственно на сайте веб-журнала «для людей, которые делают веб-сайты». это наш любимый a list apart, естественно. ссылка расположена сразу за статьей под заголовком translations. спасибо, джеффри!
а еще огромное спасибо hanzi tomazic’у, который прислал mac-скриншоты двух страниц этого сайта. оказывается, чтобы сайт качественно выглядел и на маке, необязательно иметь этот самый мак под рукой для тестирования. достаточно написать код, который соответствует веб-стандартам: xhtml и css. скриншоты из mac os, system 10.3 osx, safari 1.1 выложены здесь: первый, второй.
короче говоря, спасибо всем, кто проявил интерес к этому ресурсу. и к опубликованному переводу. продолжение следует…
[отредактировано: 15:50]