Наука и технологии

Сайт дня: 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.