Эмуляция интерфейса iPhone с помощью CSS

[ertaquo]

А чем оно лучше/хуже jQuery Mobile, iUI и прочих? Например, оно iPhone UI Kit позволяет делать анимацию перехода?

[matiouchkine]

Оно не лучше и не хуже. Оно — просто один файлик css, который может быть просто подключен к существующему проекту. Там нет js, поэтому анимацию — вряд ли.

[mcslayer]

Если анимацию и остальные «красивости» добавить с помощью css3, то будет еще лучше.

[XAMelleOH]

Точно не вряд ли… есть какой-то проект, имитирующий интерфейс iPhone с помощью CSS3.

[matiouchkine]

CSS — даже если это CSS100500 — это стилевой пакет атрибутов страницы. С помощью CSS анимацию навигации по страницам сделать не удастся. Поправьте меня, если я ошибаюсь.

[beatlejute]

Загуглите css анимация

[Zelgadis]

Человек говорит о переходе со страницы не страницу. Без javascript'a это не сделать.

Комментарий не читай
@
Сразу острить начинай

[spiff]

Длбавьте к тегу img параметр align = «left» | «right»

[matiouchkine]

Спасибо.

[RockmanLeto]

Хорошая статья.
Кстати на изображении в топике интерфейс немного напоминает интерфейс китайской копии )

[matiouchkine]

Они наверняка тоже пережатый жипегом дизайн получили от заказчика ;-)

[Error_403_Forbidden]

А вот там не работает выделение текста. Это баг или фича?
Хотелось бы всё-таки иметь возможность выделять текст.

[Andrusha]

В Опере работает, но шрифт с засечками почему-то

[matiouchkine]

Упс. И правда. Я посмотрю вечером. Если честно, я совсем не разбирался с кодом.

[diamant]

Фича для айфона, чтобы по нажатию на кнопки-ссылки он не выделялись:
-webkit-user-select: none;

[Error_403_Forbidden]

На вкладке «About» выделение совсем не помешало бы. Да и не только там

[matiouchkine]

s/-webkit-user-select: none; //g

[diamant]

сделайте
p{
-webkit-user-select: initial;
}

[tenshi]

chatter.mudasobwa.ru/forms.html — тут в хроме косяки с выравниванием текста.

[matiouchkine]

У меня под рукой только chromium, там все хорошо. Скриншотик бы.

[matiouchkine]

Простите, но ради -dev-ветки я даже смотреть не стану. Пользователи -dev-веток неявно подписывают соглашение чинить все проблемы самостоятельно.

[matiouchkine]

Строка 572: попробуйте с margin-top поиграться.
Для кнопок: в строке 71 нужно line-height, и/или размер шрифта поменьше выставить.

Это из того, что могу сказать наугад. У меня на 14 версии хромиума не воспроизводится.

[stell_hawk]

хм. учитывая что проект не обновляется с 2008 года, то о чем речь-то…
и очень умеляет надпись coming soon… которая написанна 2-3 года назад

[tenshi]

img-fotki.yandex.ru/get/5412/103756340.0/0_76061_f814924_orig

[matiouchkine]

А как надо сказать, если при помощи css создается некое подобие внешнего вида iPhone? Скорее уж слово интерфейс тут гиперонимично.

[Zhendalf]

Как это выглядит на андроиде?

[matiouchkine]

Не знаю :-)

[Gafs]

Как седло на корове.

[a1exDi]

Не знаю, каких результатов вы ожидали, учитывая, что это обычный CSS :) Но если интересно, то:

[Zhendalf]

Вебкит вебкиту рознь. А опера — совсем другая история.

[matiouchkine]

Спасибо.

[NonRealDeveloper]

JQuery mobile — наше всё

[CKOPOBAPKuH]

да, но оно же тормозит. то есть, тестовые примеры выложенные на их сайте тормозят и на компьютере, и на всех телефонах, которые попадали мне в руки. айфон, правда, мне не попадал, но на galaxy s тормозят. и на samsung wave тормозят.
это я что-то не так делал и у вас всё нормально, или вы с этим смирились как-то?

[Elegar]

Сейчас Apple набежит с вами судиться за использование их дизайна:)

[matiouchkine]

Мопед не мой, во-первых. Во-вторых — буду только рад их затроллить до изнеможения.

[andoriyu]

> Во-вторых — буду только рад их затроллить до изнеможения.
Так и вижу тебя со слюнями выставляющего самого себя идиотом на публики кричащим БАТТХЕРТ Я ВАС ЗАТРОЛЛЕЛ!!!!!111111111одинодин

Жаль, что я этого не увижу.

[matiouchkine]

Мальчик, отойди от зеркала.

[Zelgadis]

Всех затроллел. Молодец.

[IGHOR]

До сих пор не понимаю зачем в iOS кнопка назад в самом вверху экрана…
Разве это удобно тянуться через весь экран пальцем, держа его в одной руке, к верхнему углу и нажимать кнопку «Назад»?
Намного удобнее разместить ее внизу экрана, а еще лучше хардварную кнопку назад как в WP7 устройствах сделали…

[marapper]

Удобно.

[beeruser]

Вы просто не правильно держите =)

[Agent_Smith]

Даже на WP7 работает, однако IE, он и в Африке IE. Ячейки с картинками разбило на две строки. И бекгранд с кнопки Back отвалился.

[lukianol]

Apple в суд не подаст ли?

[BorodinKO]

У кнопки «Back» левый край отличающийся от градиента фона, а в целом не плохо.