CSS 3.0 дал нам возможность создавать CSS градиенты в свойствах background-image без использования картинок. В настоящее время не все браузеры поддерживают градиенты, и то благодаря хакам. Для Mozilla Firefox хак выглядит следующим образом. -moz-linear-gradient( center bottom, rgb(182,43,53) 42%, rgb(219,69,80) 71%, rgb(255,97,112) 86% ) А для браузером на движке webkit (Safari, Chrome, Arora, Konqueror и др.), [...]

Читать далее...

В процессе верстки сайта бывает необходима ситуация, когда блоки нужно расположить рядом таким образом чтобы они перескакивали на следующую строку при сжатии окна браузера. Обычно используют div родитель с вложенными div, где стоит свойство float:left. Именно оно позволяет сбивать блоки вместе. При построении страницы браузер использует основной поток обработки элементов, если же у блоков указано [...]

Читать далее...

iPhone и iPod довольно популярные устройства и это не секрет. Каждое из этих устройств на борту несет браузер Safari, имеет свой стиль интерфейса и обладает некоторыми особенностями. Если Вы веб-разработчик, то Ваша задача обеспечить удобочитаемость контента и быстрое его усваивание. К сожалению только одним дизайном этого не добиться, т.к. экран нашего портативного устройства мал. Поэтому [...]

Читать далее...

CSS 3.0 открывает множество возможностей для простоты разработки веб-приложений. В прошлых постах вы уже наверно познакомились с некоторыми свойствами CSS 3.0. Мы научились делать тень от блоков и закруглять углы все парой строчкой кода.

Читать далее...