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

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

Уроки 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) долгая история, но вчера чаша терпения переполнилась....

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

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

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

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

Подробнее
Могут ли PWA (Progressive Web Apps) образца 2018 года составить достойную конкуренцию нативным приложениям?

Когда изменения происходят постепенно, шаг за шагом, порой бывает трудно заметить насколько они драматичны и...

Подробнее
Google / В индекс Google по кнопке

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

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

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

Подробнее

Написать комментарий

  • Смайлы и люди
    Животные и природа
    Еда и напитки
    Активность
    Путешествия и места
    Предметы
    Символы
    Флаги
  1. нетак давно на официальном сайте разработчиков движка DLE был выложен новый шаблон для мобильных устройст и именно на основе ресурсоемкого

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


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

    	jQuery Mobile DLE Template


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