Всем привет. Предлагаю сегодня немного поговорить об скругленных уголках. Всем вам известно, что скругление уголков в боксах с помощью css делается через одно место. Меня убивает, что для этого нужно вырезать 8 картинок, делать 8 слоев… и все для чего? Всего лишь для скругления уголков!

Ну да ладно, не об этом речь, а речь о том, что даже когда дизайнеру захотелось зделать оооочень маленькое скругление (смотри картинку выше) в 1 пиксель, нам уже приходится использовать много вложенных <div>, а это печально…

Поэтому сегодня я хочу показать, как с помощью не большого финта ушами (к сожалению сейчас без таких финтов верстать все сложней и сложней) сократить количество вложенных <div> до двух, мало того, я покажу два таких финта :)

( Читать дальше )

Рисуем уголки с помощью популярной библиотеки jQuery.
Существует достаточно простой способ рисовать для блоков уголки различного типа.
Рисуем круглые — прозрачные, рисуем острые, рисуем волнистые, комбинируем…
Все это достаточно быстро работает даже под IE6 и главное без использования графических элементов.


( Читать дальше )

Оригинал: Karate Corners

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

Многие методы которые я встречал либо используют таблицы, которые я стараюсь обходить стороной, либо слишком много вложенных контейнеров div, либо много картинок которые должны загружаться одновременно.

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

( Читать дальше )