Поиск по этому блогу

ноября 28, 2009

Закругляем уголки без хлопот

На страницах сайтов очень приятно смотрятся элементы с закруглёнными углами. Но при вёрстке дизайна эти уголки порой доставляют немало хлопот. И каких способов для этого только не придумали... с помощью обрамления картинками, восемью, четырьмя, двумя, одной; сss-методами, скриптами... всего вот уже 38 вариантов насобирали - можно тут почитать http://habrahabr.ru/blogs/webdev/30019/
Мне особенно приглянулась идея оформления с помощью скрипта (css конечно тоже используется), но автоматизируется скриптом. jQuery.Corners конечно весьма мощный инструмент, но требует наличия jquery - и это всё-таки громоздко. Хотя красиво http://malsup.com/jquery/corner/

А остановилась я на Nifty Corners Cube (Это более новая, улучшенная версия скрипта Nifty Corners)

http://www.html.it/articoli/niftycube/index.html Вот оригинальный сайт автора, там много примеров, способов использования. Весит скриптик около 8кб, если убрать комменты автора и сжать, и того меньше.
Да, конечно...лишний скрипт на сайте... но я так прикинула, что экономии от него больше получается - минус вес картинок обрамления, минус лишний код с кучей дивов.
Отображается корректно во всех браузерах. Удобно использовать.
Я пока его использую для простенького сайтика, но есть мысль попробовать потом и для скина воблочки его использовать.