В статье 10 ошибок веб-дизайна 2002 года гуру юзабилити Якоб Нильсен отметил наличие на сайте горизонтальной прокрутки. Он предостерегал нас: «Пользователи ненавидят горизонтальную прокрутку.» Думаю, всё же имелся ввиду тот случай, когда горизонтальный «скролл» появлялся в результате ошибки, допущенной при вёрстке страницы.
Читать полностью »
Когда работаешь с «живым» информационным сайтом, содержание которого постоянно изменяется и дополняется, приходится сталкиваться с проблемами абсолютно нетривиальными. Как это часто бывает, за наполнение сайта отвечают люди не имеющие представления о тегах, семантике и валидности кода. Бывает также, что и визуальные редакторы, с которыми работают эти «контент-манагеры» далеки от совершенства. Так или иначе, веб-разработчикам часто приходится решать нестандартные задачи. Вот, к примеру, одна из таких.
Обнаружил весьма приятный и удобный онлайн-сервис построения различных диаграмм и схем Lovely Charts. Позволяет по-быстрому спроектировать и визуально отобразить, к примеру, схему web-формы, сайта, сети или даже организации. Всё очень наглядно и просто, удобно для тех, кто не владеет графическими программами, не имеет их под рукой или просто не хочет отвлекаться на внешний вид создаваемой схемы, а желает сосредоточится на её структуре.
Речь пойдёт не о прозрачности блока, не об использовании изображений формата png с альфа-каналом, а о прозрачном фоновом цвете. Не слышали о таком свойстве? Ну что ж скоро будете не только много слышать но и успешно применять, ибо CSS3 грядёт!
Читать полностью »
Честно скажу, я очень завидую веб-разработчикам недалёкого будущего, которые будут верстать сайты для новых, современных браузеров с полной поддержкой HTML5 и CSS3. Какой красивый и компактный код можно будет писать, сколько возможностей будет у веб-дизайнеров! И как ограничены сегодняшние возможности верстальщика…
Читать полностью »
Нe мог отказать себе в удовольствии попробовать в деле новую версию Safari, не смотря на то что это пока только бета. Браузер теперь имеет версию за номером 4. Оно и понятно. Нововведений столько, что у разработчиков язык видно не повернулся назначить ей номер 3-точка-какой-то. Забегая вперёд скажу, что новый Safari меня очень порадовал, а некторые новшества в нём очнь приятно удивили. Но, всё же по порядку…
Думаю, что для многих web-дизайнеров уже не составляет труда сверстать страницу, где «подвал» будет прижат к её нижней границе. Вот метод который использую я, подсмотренный уже не помню где.
Читать полностью »
Сегодня коллега, обратившись ко мне с просьбой помочь, невольно напомнил ещё об одном «закидоне» MS IE. Суть проблемы: по замыслу дизайнера ссылка должна быть того же цвета, что и цвет текста родительского элемента. Обычно это решается просто:
Читать полностью »
Недавно я писал о стилизации колонок таблицы. Теперь поговорим немного на тему стилизации рядов, а конкретно о фоновых изображениях в них. Для того, чтобы чётко представлять проблему, которая у вас возникнет, рекомендую использовать фоновое изображение с горизонтальным градиентом.
Читать полностью »
Одним из тэгов, незаслуженно позабытым некоторыми web-дизайнерами, является тэг <COL>. Он задает ширину и некоторые другие атрибуты колонок таблицы. Интересная особенность: при наличии этого тега браузер начинает показывать содержимое таблицы, не дожидаясь ее полной загрузки. Но интересен этот тэг не только этим. С помощью него можно значительно упростить визуальное оформление таблицы и сократить html-код.
Читать полностью »