Магия CSS. Поразительно!

Известно что на данный момент передовыми технологиями в веб-разработке являются php, javascript и flash. Обладая хорошей фантазией и знаниями этих языков в принципе реально осуществить абсолютно любую прихоть. Но не стоит недооценивать css!

Давече знакомый ссылку скинул, пройдя по ней я не то что был удивлен… я был чуть ли не в шоковом состоянии! Поражает человеческое терпение, а креативу уж совсем нет предела.

Ссылка вела на сайт испанского дизайнера-виртуоза, Хавьера Романа Кортеса. Не знаю, возможно это адский бойан, но то, что находится у него в портфолио, просто поразительно! Я не буду говорить о его дизайнах, фотошоп и все такое. Но все, что находится у него по метке «css» достойно наивысшей похвалы. Много говорить не стоит, словами все равно не опишешь. Если сказать кратко — он относительно несложными функциями css творит поразительные вещи. Некоторые из них:

Эта бумажная птичка, а точней — эффект, происходящий при скроллинге этой картинки осуществлен исключительно css технологией!

Никаких использований Javascript, или чего-либо еще. Только CSS!

Конечно, если углубиться в код, то можно увидеть огромное изображение, вставленное во фрейм как фон и меняющее его позицию с помощью background-position за счет скролла по оси «y» или «x», НО! Кто может признаться себе что мог бы до такого додуматься?

Конечно, появилась бы задача создать нечто подобное, никто бы и не думал играться с этим css, а сразу же бы полез создавать файл с расширением .js… но только не Роман Кортес!) А преимущества css перед JavaScript очевидны. Чего стоит только ограничения исполнения JavaScript во многих браузерах, а вот css еще никто не боялся…пока, во всяком случае

Единственное — можно назвать недостаток использования подобной технологии — далеко не все браузеры, а особенно их старые версии, будут поддерживать подобные прелести… Но это уже проблема каждого — идите в ногу со временем!

Следующая работа меня порвала на атомы! Это мега труд, достойный похвалы. Наведите курсор на картинку и в пределах активной области меняйте его позицию:

А? Как? Кстати, краткое описание проделанной работы над этим «экспонатом» Роман показал у себя в блоге. Остальные его работы можете увидеть там же.