андрей смирнов: css-дизайн без таблиц и скриптов

«статьи» после facelifting’а / 10 марта, 2004 / 12:46

ничего особенного. просто раздел «статьи» стал очередной жертвой новоиспеченного дизайна, который был применен к нему через каскадные таблицы стилей.

слегка обновлено и текстовое содержание страницы в соответствии с последними событиями.

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

sliding doors of css, part ii / 7 марта, 2004 / 22:33

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

читать или не читать

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

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

а с праздником поздравить…

поздравляем, конечно! всех-всех девчонок всех-всех возрастов! {мы вас любим.} а отдельное поздравление адресуем дорогой и лучшей половине. спасибо, hon, за терпение и понимание…

ре-дизайн шагает по id-as.com / 3 марта, 2004 / 13:55

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

естественно, когда это произойдет, все основные средства оповещения id-as.com, а именно главная страница и xml-синдикация будут брошены на информирование населения об этом важном событии.

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

а теперь по-русски, пожалуйста… / 2 марта, 2004 / 13:36

в предыдущем англоязычном сообщении речь шла о том, почему скриншот id-as.com на cssvault не соответствовал текущему дизайну.

история простая. в первой декаде февраля paul scrivens каким-то образом вышел на этот сайт, сделал скриншот и разместил его в галерее. скриншот запечатлел временный дизайн, который был заменен уже в конце февраля (как мы знаем, каскадные таблицы стилей позволяют делать это достаточно быстро и безболезненно). до вчерашнего дня скриншот на cssvault не соответствовал текущему положению вещей, но вечером ситуация была исправлена. спасибо, пол.

a word to those coming from cssvault / march 1, 2004 / 14:34

if you’ve come to this site from cssvault you may be surprised not to see the design thumbnailed at the gallery.

the thing is paul scrivens somehow caught my site in the process of redesign. the thumbnailed design was a temporary one. now it is replaced by this elastic layout which is intended to suit different monitor resolutions (from 640x480 to 1600x1200) and accomodate to various font-sizes. the current design is being constantly improved, which means you’ll see the final variant a bit later.

the above mentioned thumbnailed design is available on the previos page of my “andrei smirnov: graphic design and web design daily in russian” weblog. if you have any comments, feel free to send them to me (i.e. andrei smirnov) at contact@id-as.com.

and thank you, paul, for having brought so many people to id-as.com!

update / march 2, 2004 / 8:50

the thumbnail at the gallery has been updated.

firefox—loveatfirstsight / 29 февраля, 2004 / 15:15

несколько запоздало установив firefox 0.8 (бесплатный gecko-based браузер, пришедший на смену firebird’у), сразу испытал к продукту самые теплые чувства. первые впечатления: необыкновенная легкость, функциональность и полноценная поддержка веб-стандартов.

возможно после глубокого изучения и сравнения нового браузера с другими игроками на рынке я изменю свое мнение, но пока firefox становится моим системным браузером по умолчанию.

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

back to redesignlive / 27 февраля, 2004 / 02:02

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

elastic design for id-as.com

сегодня начинается обкатка окончательного варианта нового дизайна id-as.com со всеми его недостатками и достоинствами.

подробнее о плюсах и минусах, целях и мотивах, багах и кроссбраузерной совместимости нового дизайна поговорим позже. а пока заметим, что композиция страницы насколько это возможно эластична и приспосабливаема для пользователей с самыми разными мониторными разрешениями—от 800х600 до 1600х1200. выбор в меню вид>размер шрифта (ie/win) того или иного размера шрифта приводит к соответствующей адаптации остальных элементов страницы.

в самом распространенном в россии браузере ie/win дизайн остается приемлемым при размерах шрифта от мелкого до самого крупного и распространенных разрешениях 1024х768 и 1152х864.

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

известные баги

этот же ie/win дает и наибольшее количество багов, особенно его ранние версии 5 и 5.5. к ним присоединяется шестая версия, когда зачем-то добавляет тонкую линию между надписью “events” и основным телом страницы при крупных размерах шрифта.

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

ну а любимый мной netscape navigator 7.1, как и положено, безошибочно справляется с рендерингом нового css-файла.

и снова ре-дизайн живьем

какое-то время новый дизайн будет дорабатываться и корректироваться, поэтому имеет смысл иногда нажимать кнопку браузера «обновить».

ну а негодование по поводу нового дизайна, а также сообщения о багах, направляйте по адресу bugs@id-as.com.

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