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

Новость добавлена: 24.10.2014 11:58:36
Автор: Administrator
Просмотров: 1155
< Предыдущая новость
Мобильный бренд Nokia превращается в Microsoft LumiaМобильный бренд Nokia превращается в Microsoft Lumia

Как можно заметить, компания Microsoft, являясь собственником телефонного бизнеса Nokia, постепенно отходит от названия финской компании. Так, последние смартфоны под управлением Windows Phone выпускаются просто под наименованием Lumia, а не... прочитать новость >>

Новость добавлена: 24.10.2014 17:02:40
Автор: Уставший от гаджетов
Просмотров: 1677
Следующая новость >
В Gmail произошел сбойВ Gmail произошел сбой

В почтовых сервисах Google произошел сбой с использованием списка контактов. В результате того, что список контактов оказался временно недоступен, пользователи испытывали проблемы в работе следующих функций: автозаполнение, диспетчер контактов,... прочитать новость >>

Новость добавлена: 24.10.2014 06:54:46
Автор: iPhone Girl
Просмотров: 1160