Веб-разработка / Эмуляция интерфейса iPhone с помощью CSS


UiUiKit Некоторое время назад мне потребовалось «красиво» оформить логи бесед в жаббире. Поскольку рисовать я не умею вовсе, я обратился за подмогой к мирозданию. Поиск по готовым решениям открыл для меня малоизвестную, но, безусловно, заслуживающую внимания библиотечку. Строго говоря, это не библиотека. Это тщательно написанная и выверенная каскадная таблица стилей, позволяющая имитировать iPhone-интерфейс в браузерах. Координатные данные проекта UiUiKit (Universal iPhone UI Kit): Оригинально библиотека заточена под web-приложения именно для iPhone, поэтому всякий CSS3+ ограничивается указанием свойств только для webkit'а. Я пропатчил CSS директивами для остальных и развернул демонстрационную страничку, чтобы можно было сразу потыкать в элементы интерфейса. Выглядит симпатично (на картинке в начале топика — скриншот моего браузера). Приятного использования!

Источник: Уроки CSS на Хабрахабре

На основе данноо фреймворка "по-быстрому" сверстал шаблон для DLE

Веб-разработка / Эмуляция интерфейса iPhone с помощью CSS

Веб-разработка / Эмуляция интерфейса iPhone с помощью CSS


Уважаемые посетители,
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.



Похожие публикации

Хак MobTPL для DLE

Позволяет для разных устройств использовать разные шаблоны. Основан на коде Генри Хофмана "Хак MobTPL для DLE версия 1.0 от 02.08.2012" В данной версии предлагаются две реализации: 1. OLD... читать далее

Адаптивный дизайн против Мобильных версий сайта

Адаптивным («отзывчивым», Responsive) называют дизайн, который проектируется и разрабатывается таким образом, что сайт становится совместимым с любым устройством, которое может быть использовано для... читать далее

Стартапы / Новая эпоха заработка в интернете — мобильные приложения

Дарю бизнес-идею молодым энергичным читателям. Современные мобильные устройства позволяют устанавливать приложения (apps на общеизвестном жаргоне) или виджеты (widgets на том же жаргоне). Эти... читать далее

Как сделать сайт более iPhone-совместимым за 5 шагов

Тот факт, что iPhone предлагает наиболее развитый мобильный браузер среди мобильных платформ, пожалуй, ни у кого не вызовет сомнений. Однако не все знают, что довольно небольшими усилиями можно сайт... читать далее

Блог им. ekwo / Привязываем иконку к каждому типу файлов на CSS

Предположим, что нам нужно сделать страничку, на которой будут выкладываться файлы разных типов (архивы, картинки, документы), и при этом мы хотим, чтобы каждый тип файла выделялся, но для того,... читать далее

Google / В индекс Google по кнопке

Google запустил новый сервис «On-Demand Indexing» для вебмастеров, которые установили поиск от Google у себя на сайте. Сервис позволяет вебмастеру самостоятельно «сказать» когда нужно... читать далее

Комментарии (1)

  1. #1 написал: TCSE
    Группа: Администраторы
    25 февраля 2012 13:37

    нетак давно на официальном сайте разработчиков движка DLE был выложен новый шаблон для мобильных устройст и именно на основе ресурсоемкого

    новый мобильный шаблон


    Шаблон cозданный при помощи jQuery Mobile. Поддерживает Ajax навигацию, выполнен в темных тонах.

    	jQuery Mobile DLE Template


    скачать шаблон можно на этой странице
    • 0

       

Прокомментировать


@

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

Архив сайта

Реклама на сайте Источник: http://review-gadget.com/3648-lg-letom-nachnet-massovoe-proizvodstvo-gibkih-oled-displeev.