Июн 29

О скругленных углах

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

Изначально она была прямоугольной (справа). Мне порекомендовали сделать её со скругленными углами (слева). Сделал оба варианта и выложил скриношты для сравнения вконтактик.

Я как-то и не придал особого значения форме углов, но ради интереса решил организовать опрос в контакте. Результатами был весьма и весьма удивлен.

Подавляющее большинство голосовавших выбрали скругленные углы! А мне в данном случае казалось, что без разницы, лишь бы форма правильно работала.

Кстати, углы весьма просто скругляются в вебе с помощью css-свойства border-radius.

Например, так:

border-radius: 10px;

К сожалению, данное свойство не работает в старых браузерах, таких как IE 6. Углы там остаются прямыми.

Более подробно о скруглении углов можно прочитать тут:
http://htmlbook.ru/css/border-radius

Мар 02

Отображаем картинки красиво: FancyBox и другие

Очень часто хочется, чтобы при клике на уменьшенную копию картинки большая картинка открывалась не в новой вкладке и не в новом окне, а прямо на текущей странице, причем красиво. Как этого добиться? Существует множество готовых инструментов, таких как: LightBox, LyteBox, FancyBox и другие.

Остановимся на последнем - FancyBox, т.к. на мой субъективный взгяд он отображает информацию приятнее всего и при этом более гибок в настройках.

Вот некоторые особенности FancyBox:

  • Возможность отображения изображений, HTML кода, Flash-роликов (*.swf), объектов IFrame и Ajax-запросов;
  • Гибкая настройка через параметры и CSS;
  • Организация навигации по отображаемым объектам;
  • Простота установки кода.

Посмотреть примеры использования и скачать FancyBox можно с сайта:  http://fancybox.net/

Фев 15

Коллекция пиктограмм

При разработке пользовательского интерфейса часто требуются пиктограммы. Но, ведь, не всегда хочется рисовать их самому, и тут на помощь к нам приходит сайт: http://www.iconsearch.ru/

На нём можно найти и скачать различные иконки и пиктограммы разных размеров, для того, чтобы использовать их при создании навигации и пользовательского интерфейса на сайтах и в программном обеспечении.