В статье 10 ошибок веб-дизайна 2002 года гуру юзабилити Якоб Нильсен отметил наличие на сайте горизонтальной прокрутки. Он предостерегал нас: «Пользователи ненавидят горизонтальную прокрутку.» Думаю, всё же имелся ввиду тот случай, когда горизонтальный «скролл» появлялся в результате ошибки, допущенной при вёрстке страницы.
Читать полностью »
Опубликовано: 18 марта, 2009 | Рубрика: Дизайн | Тэги: дизайн сайтов | 3 Комментариев »
Опубликовано: 17 марта, 2009 | Рубрика: Кодинг | Тэги: селекторы css, советы новичкам, хак для IE | Нет комментариев »
Когда работаешь с «живым» информационным сайтом, содержание которого постоянно изменяется и дополняется, приходится сталкиваться с проблемами абсолютно нетривиальными. Как это часто бывает, за наполнение сайта отвечают люди не имеющие представления о тегах, семантике и валидности кода. Бывает также, что и визуальные редакторы, с которыми работают эти «контент-манагеры» далеки от совершенства. Так или иначе, веб-разработчикам часто приходится решать нестандартные задачи. Вот, к примеру, одна из таких.
Опубликовано: 15 марта, 2009 | Рубрика: Инструментарий | Тэги: инструментарий web-разработчика, инструменты для веб-дизайнера, онлайн-сервис | Нет комментариев »
Обнаружил весьма приятный и удобный онлайн-сервис построения различных диаграмм и схем Lovely Charts. Позволяет по-быстрому спроектировать и визуально отобразить, к примеру, схему web-формы, сайта, сети или даже организации. Всё очень наглядно и просто, удобно для тех, кто не владеет графическими программами, не имеет их под рукой или просто не хочет отвлекаться на внешний вид создаваемой схемы, а желает сосредоточится на её структуре.
Опубликовано: 6 марта, 2009 | Рубрика: Кодинг | Тэги: css3, кодинг, прозрачность, советы новичкам, хак для IE | 1 Комментарий »
Речь пойдёт не о прозрачности блока, не об использовании изображений формата png с альфа-каналом, а о прозрачном фоновом цвете. Не слышали о таком свойстве? Ну что ж скоро будете не только много слышать но и успешно применять, ибо CSS3 грядёт!
Читать полностью »
Опубликовано: 2 марта, 2009 | Рубрика: Кодинг | Тэги: css3, вёрстка | 8 Комментариев »
Честно скажу, я очень завидую веб-разработчикам недалёкого будущего, которые будут верстать сайты для новых, современных браузеров с полной поддержкой HTML5 и CSS3. Какой красивый и компактный код можно будет писать, сколько возможностей будет у веб-дизайнеров! И как ограничены сегодняшние возможности верстальщика…
Читать полностью »
Опубликовано: 27 февраля, 2009 | Рубрика: Браузеры | Тэги: Safari, браузеры | 7 Комментариев »
Нe мог отказать себе в удовольствии попробовать в деле новую версию Safari, не смотря на то что это пока только бета. Браузер теперь имеет версию за номером 4. Оно и понятно. Нововведений столько, что у разработчиков язык видно не повернулся назначить ей номер 3-точка-какой-то. Забегая вперёд скажу, что новый Safari меня очень порадовал, а некторые новшества в нём очнь приятно удивили. Но, всё же по порядку…
Опубликовано: 6 февраля, 2009 | Рубрика: Кодинг | Тэги: footer внизу страницы, баги, кодинг, причуды IE | 24 Комментариев »
Думаю, что для многих web-дизайнеров уже не составляет труда сверстать страницу, где «подвал» будет прижат к её нижней границе. Вот метод который использую я, подсмотренный уже не помню где.
Читать полностью »
Опубликовано: 6 февраля, 2009 | Рубрика: Кодинг | Тэги: css inheritance, баги, вёрстка, советы новичкам | 1 Комментарий »
Сегодня коллега, обратившись ко мне с просьбой помочь, невольно напомнил ещё об одном «закидоне» MS IE. Суть проблемы: по замыслу дизайнера ссылка должна быть того же цвета, что и цвет текста родительского элемента. Обычно это решается просто:
Читать полностью »
Опубликовано: 11 января, 2009 | Рубрика: Кодинг | Тэги: html таблицы, table row background, баги, фоновое изображение для рядов таблицы, фоновый рисунок для tr | 1 Комментарий »
Недавно я писал о стилизации колонок таблицы. Теперь поговорим немного на тему стилизации рядов, а конкретно о фоновых изображениях в них. Для того, чтобы чётко представлять проблему, которая у вас возникнет, рекомендую использовать фоновое изображение с горизонтальным градиентом.
Читать полностью »
Опубликовано: 18 декабря, 2008 | Рубрика: Кодинг | Тэги: html, html таблицы, вёрстка | Нет комментариев »
Одним из тэгов, незаслуженно позабытым некоторыми web-дизайнерами, является тэг <COL>. Он задает ширину и некоторые другие атрибуты колонок таблицы. Интересная особенность: при наличии этого тега браузер начинает показывать содержимое таблицы, не дожидаясь ее полной загрузки. Но интересен этот тэг не только этим. С помощью него можно значительно упростить визуальное оформление таблицы и сократить html-код.
Читать полностью »