CSS3 как мощный инструмент для создания сайтов

Сегодня технология стилистического оформления сайтов с тринадцатилетним опытом превратила CSS в достаточно мощный инструмент. Безусловно, опытные верстальщики хотя и используют его возможности для создания сайтов, но негатив от того, что для валидного отображения страницы в наиболее популярных веб-браузерах требуется применение дополнительных «хаков», а порой и «танцев с бубном», все же присутствует. При наличии существенным минусов, все же возможностями его при выполнении такой работы как создание сайтов, особенно, с последней вышедшей в свет версией CSS3, пренебрегать никак нельзя.

Какие же новшества подарил нам новый релиз и будет ли в этом случае оптимизация сайтов более удобореализуемой, а продвижение сайта более эффективным? Прежде всего, нововведения проявились в тенях, которые теперь особо богаты на дополнительные параметры, среди которых цвет тени, смещение по горизонтали и по вертикали, размытость и ее распространение. Далее следует градиент, который в разных движках задаются по-разному. Так для префикса –moz достаточно задать три параметра: направление градиента, начальный и конечный цвета, для –webkit – градиент описывается немного сложнее, ведь к вышеописанным действиям необходимо добавить тип градиента, а также второе значение, задающее его направление. Ранее подобный эффект достигался при помощи заранее созданного изображения в графическом редакторе с последующим его наложением на макет страницы.

Появился новый принцип отображения цвета под названием RGBa, который помимо возможности указания цвета в шестнадцатеричной системе исчисления позволяет задавать цвет при помощи RGB режима, а также добавлен параметр прозрачности, принимающий значение от 0 до 1. Наряду с применением RGBa стало возможным и использование принципа отображения цвета HSL, который, в свою очередь, задается такими параметрами как цвет, насыщенность и яркость (два последних в процентном исчислении). Стала доступной довольно полезная функция трансформации, с использованием которой объекты страницы стали более «живыми». Вместе с этим раскрутка сайта стала продвигаться ускоренными темпами. Помимо масштаба, который заставляет элемент расти или уменьшатся, можно использовать такие как вращение, перекос, а также переворот.

Завершает обзор нововведений в CSS разметка в несколько колонок, которая по сравнению с предыдущей версией реализуется довольно просто, при помощи следующих параметров: количество колонок, вариант разметки и интервал между строк.