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

Среда, 22 октября 2014 г.

Следите за нами в ВКонтакте, Телеграм'e и Twitter'e

Примеры веб-кода, выложенные на специальных хостингах, всё больше похожи на самостоятельные сайты, достойные попадания в рубрику «Сайты дня» на 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.

Следите за нами в ВКонтакте, Телеграм'e и Twitter'e


Просмотров: 680
Рубрика: Hi-Tech


Архив новостей / Экспорт новостей

Ещё новости по теме:

RosInvest.Com не несет ответственности за опубликованные материалы и комментарии пользователей. Возрастной цензор 16+.

Ответственность за высказанные, размещённую информацию и оценки, в рамках проекта RosInvest.Com, лежит полностью на лицах опубликовавших эти материалы. Использование материалов, допускается со ссылкой на сайт RosInvest.Com.

Архивы новостей за: 2018, 2017, 2016, 2015, 2014, 2013, 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003