25.09-14.10.03: веб-стандарты, xhtml и css, каскадные таблицы стилей, избранное, новая opera
13 октября, 2003 | осторожно, opera 7.20!
хорошенько подумайте, прежде чем устанавливать только что вышедшую оперу 7.20.
некоторые css-свойства, работавшие в опере 7.11, по непонятной причине перестали работать. например, поддержка hover-эффекта для параграфов (стандарт css2). но это бог с ним. в ie такой поддержки для hover-эффектов вообще никогда не было.
страшнее другое. зачем-то появились серьезные проблемы с отступами (padding) и границами (border).
есть и другие баги. один из них касается фоновых изображений. например, в нижней части изображения-заставки на этой странице возникла тонкая подлая линия, отделяющая изображение от пунктирной границы. иллюстрация этого бага здесь.
короче, с выходом новой оперы «жить стало лучше, жить стало веселее». автора!
обновление от 14.10.03
сегодня я обнаружил еще один баг в новой опере. по-английски он называется fouc. а по-русски—что-то типа: вспышка содержания без дизайна.
коротко про всбд по-русски: браузер сначала считывает содержание элемента body и отображает его и лишь потом подсоединяет управляющий дизайном css-файл. при этом происходит визуально неприятный скачок от простого текста к корректному отображению страницы. подробно это явление описано по-английски здесь. там же приведены надежные способы избавления от этой беды.
похоже, в новом издании оперы эти способы больше не работают.
что тут можно сказать? разработчики оперы делают один шаг вперед и десять шагов назад. зачем—непонятно.
[размещено: 14:00]11 октября, 2003 | в ожидании ala
a list apart, англоязычный веб-журнал для людей, делающих веб-сайты, возобновит свою регулярную деятельность в ближайшие дни.
a list apart существует с 1998 года, а количество вышедших к этому моменту «номеров» измеряется числом 159 (самих статей гораздо больше). в них все, что нужно знать людям, занимающимся вебом,—от конкретных вопросов кодинга (css, flash, dom, javascript, html и xml) до стандартных accessibility и usability и более широких тем, касающихся бизнеса и индустрии в целом.
в последнее время в работе ala наблюдались перебои, связанные по-видимому с большой занятостью издателей, а также ре-дизайном самого журнала. но согласно джеффри зельдману на днях мы все-таки увидим обновленный ala.
цитата:
«в награду за ваше терпение премьерный выпуск предложит сразу три супер статьи по самым значимым для наших читателей темам от авторов джо кларка, дагласа баумана и дэна бенджамина»
а пока улучшайте рейтинг своего сайта в поисковых системах, руководствуясь материалами последней статьи «старого» ala «использование xhtml/css для эффективной раскрутки сайта через поисковые системы».
[размещено: 11:15]9 октября, 2003 | творческий наборчик от adobe
компания adobe анонсировала новую серию своих продуктов, названную cs—creative suite. по аналогии с серией mx фирмы macromedia adobe отказалась от последовательной нумерации новых версий своих продуктов.
под названием cs вышли новые версии:
также анонсирован adobe acrobat® 6.0 professional.
все это должно появиться в четвертом квартале этого года, т.е. вот-вот. остается запастись парой сотен рублей на приобретение любимых photoshop'a и illustrator'a.
[размещено: 01:05]7 октября, 2003 | смерть обычного обычная
six feet under. клиент всегда мертв.
уже в переводе названия сериала, только что стартовавшего на нтв, чувствуется рука мозг мастера. шикарный перевод леонида володарского делает и без того стоящий фильм просто обязательным для просмотра.
смерть в этом фильме—дело обычное. а вот что необычно, так это обилие шуток и стеба на эту скользкую тему уже в первой серии. причем шуток не всегда тупых, а иногда и очень даже тонких. заслуга сценариста, конечно.
в общем неплохое кино для поднятия настроения перед сном. дизайн и типографика начальных титров тоже радуют. так что смотреть!
[размещено: 01:15]5 октября, 2003 | рождение избранного
да… заголовок еще тот получился. можно подумать, что киану («нео») ривз какой образовался именно сегодня. али мила («лилу») йовович на небе зажглась…
на самом деле все гораздо проще. содержание сайта дополнено сегодня разделом «избранное».
для того, чтобы в поисках информации зрителю не нужно было перерывать многотомные архивы сообщений. а можно было сразу в один (максимум два) клика получать нужную информацию.
раздел пока не богат (всего шесть сообщений), но ведь и сайту еще только месяц с небольшим стукнуло.
короче, все самое интересное еще впереди. следите за обновлениями.
[размещено: 08:05]1 октября, 2003 | веб-дизайн: полезные инструменты
в ближайшее время (уж точно до нового года) я размещу целую коллекцию ссылок на полезные (мягко сказано) для веб-дизайнера инструменты. а пока скромный по внешнему виду, но экономящий кучу времени, size-o-matic.
хорошие веб-сайты безболезненно функционируют при любом разрешении, от 640x480 до 1600x1200. если ваш сайт плохо масштабируется, вы можете лишиться части зрителей. к сожалению постоянная смена экранного разрешения для проверки дизайна требует времени. к счастью, есть size-o-matic.
эта мини-программка позволяет эмулировать различные разрешения для проверки ваших веб-страниц без изменения экранных настроек.
проверив свой сайт при помощи size-o-matic, я пришел к выводу, что он вполне работоспособен при всех разрешениях, кроме 640x480. поднимите руки, у кого такой экран…
[кому спасибо: www.wannabegirl.org]
обновление от 11.10.03
в связи с перебоями в работе www.pythoness.com вынужден выложить size-o-matic у себя. скачивайте (340 кб) и пользуйтесь.
[размещено: 20:05]30 сентября, 2003 | каскадные таблицы стилей в «доме стиля»
рассказывая о курсе «hmtl и xhtml для css», я не упомянул о разделе сайта western civilisation под названием house of style.
на этой странице собраны ссылки, которые помогут в работе с css как опытным, так и начинающим веб-дизайнерам. полный гид по css и таблица поддержки css браузерами—два ключевых и наиболее полезных ресурса «дома стиля».
а вот когда подобные бесплатные ресурсы появятся на русском языке—это вопрос. а может уже есть. если знаете, присылайте ссылки—опубликуем немедленно!
[размещено: 18:45]29 сентября, 2003 | ре-дизайн главного меню: улучшаем usability
очередной ре-дизайн коснулся только кода меню. а также внешнего вида меню в браузере ie 5 win.
внимательный зритель заметит также перемены в интерактивности. теперь раздел меню, в котором вы находитесь не интерактивен, т.к. не является ссылкой. это очередной шаг в сторону улучшения такой характеристики сайта, как «юзабилити». это по-английски. а по-русски—это удобство и простота использования.
[размещено: 21:30]27 сентября, 2003 | бесплатные курсы «hmtl и xhtml для css»
но на английском. зато бесплатные. и еженедельные. учиться, то есть, можно, не напрягаясь.
через пояснения, примеры с кодом и упражнения этот курс проведет вас по ступеням создания полноценного, основанного на стандартах веб-сайта. полученный во время обучения реальный сайт будет использован как основа для добавления css-стиля в следующем бесплатном курсе «css level 1».
остается добавить, что этой образовательной благотворительностью занимается компания western civilisation, предводимая john'ом allsopp'ом. среди прочих заслуг westciv'a—только что вышедшая новая версия очень хорошего css-редактора style master 3.
[небольшая хитрость для тех, кто будет учиться. страницы курса не сохраняются из ie, но совершенно спокойно делают это из nn 7. и поспешите. идет третья неделя занятий. материалы первой недели уже недоступны.]
[размещено: 22:00]25 сентября, 2003 | «истина и жизнь»: все статьи серова
сегодня страница «serov in sarov» дополнена статьями сергея серова, написанными им для журнала «истина и жизнь».
это дополнение случилось только благодаря александру герасимову, за что ему отдельная большая благодарность.
[размещено: 22:45]веб-стандарты: клиентам, руководителям веб-агенств, фрилансерам
как я и обещал, привожу основные тезисы статьи jeffrey veen'a «the business value of web standards» на русском языке.
итак. использование веб-стандартов:
[отредактировано: 18:15]увеличивает скорость разработки
простое объявление в верхней части html-документа того, какую версию hmtl (xhtml) вы используете, позволит легко проверить ваши страницы на соответствие выбранной спецификации с помощью бесплатных валидаторов. валидатор точно указывает на ошибки в коде. это высвобождает время, которое раньше разработчики тратили на его отладку. кроме того, свободный от ошибок код обеспечивает межбраузерную совместимость вашего сайта.
и хотя современные браузеры все еще имеют баги в css-рендеринге, ошибки эти гораздо менее существенны чем те, которые были пять лет назад.
упрощает поддержку, увеличивает возможности
отделение визуальной презентации (дизайна) от содержания (структуры) при помощи css-файла делает html-код до смешного простым. это четкое разделение значительно облегчает разработку и поддержку ваших страниц. дизайнер теперь может эффективно работать параллельно с разработчиками. просто обновляя и редактируя css-файл, он работает над дизайном, не вторгаясь в область кодинга и программирования. общее время реализации проекта заметно сокращается.
ускорение производства предоставляет финансовые и конкурентные преимущества. сокращение сроков разработки не только уменьшает затраты, но и быстрее высвобождает рабочие ресурсы, а это увеличивает возможности.
делает сайт более доступным
чистый, не загрязненный излишними тегами код приносит дополнительные дивиденды. браузеры, которые не обеспечивают поддержку css могут теперь просто игнорировать стиль. другими словами, логически выстроенный xhtml-код позволяет отображать содержание в любом браузере, включая такие пока нетрадиционные для веб-навигации устройства, как мобильные телефоны, кпк, голосовые интерфейсы, а также любые устройства, поддерживающие основные html-теги.
сайт с простым семантическим кодом решает проблему мобильного доступа а также совместимости с будущими версиями браузеров.
уменьшает затраты на оплату трафика
вынесение дизайна всего сайта в css-файл, который к тому же загружается только один раз, а затем берется из кэша, уменьшает размер страниц сайта в разы. крупные коммерческие сайты, имеющие тысячи обращений в час, через уменьшение объема трафика с каждой страницы могут принести своим владельцам тысячи долларов экономии ежемесячно.
улучшает опыт общения пользователя с сайтом
громоздкие, построенные на растровой графике и таблицах интерфейсы, стали настоящим бедствием для пользователей с медленным модемным соединением. получающий все большее распространение широкополосный доступ лишь отчасти решает проблему. [в дом обыкновенного российского интернет-пользователя быстрый интернет постучится еще очень не скоро.—прим. автора сайта] применение стройного стандартизированного кода предоставляет пользователю кратчайший путь к осуществлению своих целей на вашем сайте.