Июн 29

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

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

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

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

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

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

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

border-radius: 10px;

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

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

Фев 02

Вебдванольный интерфейс от Twitter

Если хотите, чтобы ваши сайты смотрелись модно и современно, то следует обратить внимание на framework Bootstrap от Twitter. Удобная вещь для построения пользовательских интерфейсов в стиле Веб 2.0, с использованием HTML 5, CSS 3 и Javascript.

Взять можно отсюда: http://twitter.github.com/bootstrap/index.html, скрипты лицензированы под Apache License v2.0.

Примеры из раздела Examples не самые удачные, их можно не смотреть, а лучше посмотреть примеры и прочитать документацию из разделов верхнего меню.

При использовании стоит учитывать тот факт, что Bootstrap не будет  работать корректно в старых браузерах, например,  таких как Opera 9 или IE 6.