Главная » Наука и технологии » Сайт дня: CSS Only iPhone 6 — веб-мистика с открытым кодом

Сайт дня: CSS Only iPhone 6 — веб-мистика с открытым кодом

Примеры веб-кода, выложенные на специальных хостингах, всё больше похожи на самостоятельные сайты, достойные попадания в рубрику «Сайты дня» на Ferra.ru. Веб-технологии продвинулись так далеко, что для создания интересного сайта далеко не всегда нужны сложные серверные приложения и базы данных. Более того, сегодня довольно много интересного можно сделать даже без браузерных скриптов, на чистом коде в HTML и CSS. Сегодня сайтом дня объявляется отличный пример такого подхода — сайт CSS Only iPhone 6, размещённый на знаменитом хостинге CodePen.

На сайте CSS Only iPhone 6 всего одна страница и на ней просто нарисован культовый смартфон iPhone 6. Фишка в том, что он нарисован исключительно средствами CSS, хоть и выглядит как рендер из графического редактора.


Главная страница сайта CSS Only iPhone 6

Весь исходный код сайта CSS Only iPhone 6 выложен рядом и там хорошо видно, что для рисования смартфона не использовался ни один файл изображений или что-то в этом роде. Всё «нарисовано» исключительно параметрами таблицы стилей CSS, которая даже не язык программирования, а просто набор настроек. Хостинг CodePen позволяет добавлять к сайту скрипты на Javascript, но на сайте CSS Only iPhone 6 в скриптах одни комментарии. Для веб-мастеров эпохи «до HTML5″ это выглядит как совершенная мистика.

Знаете ещё хорошие сайты? Пишите на sitesoftheday@ferra.ru.

По материалам Ferra.ru

Оставить комментарий

Ваш email нигде не будет показан. Обязательные для заполнения поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>