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

Скрипты и советы | 6 ноября 2011 9 598

Уроки CSS на Хабрахабре

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

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

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

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

Веб-разработка / Эмуляция интерфейса iPhone с помощью CSS
[Перевод] Я решил отключить Google AMP на своём сайте

Меня связывает с проектом Google’s Accelerated Mobile Pages (AMP) долгая история, но вчера чаша терпения переполнилась....

Подробнее
[Из песочницы] Sass MediaScreen — Определяем девайсы на CSS

Я считаю, что в последнее время разница размера экранов между разными группами устройств всё больше размывается. Не...

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

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

Подробнее
[Перевод] Медиавыражения в CSS — это не только max-width

Недавно мы опубликовали новый веб-сайт нашей компании Mabiloft с полностью переработанным чистым дизайном и множеством...

Подробнее
Плагин AMTS Pro (платная версия с админкой)

Добавлена совместимость с DLE 15.3, но только для php 7.3 или ниже :( Специальная версия бесплатного плагина AMTS с...

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

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

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями

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

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


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

    	jQuery Mobile DLE Template


    скачать шаблон можно на этой странице
    TCSE TCSE 25 февраля 2012 13:37