Мой основной проект: Боевые искусства в кинематографе! (fight-films.info)

Свеженькое
Реакция публики
Облако пометок
css Google html SEO WordPress Яндекс видео графический дизайн заработок индексация интернет ключевые слова контент партнерка поисковые системы посещаемость продвижение раскрутка реклама сайт статья хостинг

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

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

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

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

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

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

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

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

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

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

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

Комментировать эту запись запрещено :(