• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
чашкин иван
 

чашкин иван

on

  • 1,577 views

 

Statistics

Views

Total Views
1,577
Views on SlideShare
375
Embed Views
1,202

Actions

Likes
0
Downloads
10
Comments
0

2 Embeds 1,202

http://techforum.mail.ru 1190
http://www.techforum.mail.ru 12

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    чашкин иван чашкин иван Presentation Transcript

    • почта mail.rutel.mail.ru m.mail.ru touch.mail.ruбазовая версия для почта для телефонов и для современных тачевыхтелефонов смартфонов устройств
    • Концепция
    • Graceful degradation Уже есть tel и m версии Пальцы вместо кнопок Ресурсы
    • УстройстваAndroid, iOSA (iPhone, Andoroid 4) должна включать всебя векторные иконки, жесты для зума и не 4нативный скролл, загрузка файлов.
    • УстройстваAndroid, Bada, Symbian, BlackberryA (iPhone, Andoroid 4) должна включать всебя векторные иконки, жесты для зума и не 4нативный скролл, загрузка файлов.B ( < Android 3, Bada, Symbian, Blackberry)отключены функции жестов в письмах и ненативный скролл, шапка фиксирована. 3
    • УстройстваWindows Phone, Symbian, MeeGoA (iPhone, Andoroid 4) должна включать всебя векторные иконки, жесты для зума и не 4нативный скролл, загрузка файлов.B ( < Android 3, Bada, Symbian, Blackberry)отключены функции жестов в письмах и ненативный скролл, шапка фиксирована. 3C ( Windows Phone, Symbian, MeeGo )иконки заменены на растр, шапка нефиксирована.
    • УстройстваiOSВ целом все хорошоAndroidТормоза и нестабильность поддерживаемого функционалаBada, Symbian, BlackberryОчень похожи на андроидWindows PhoneСлабая поддержка CSS3 и проблемы с JS
    • iOS -webkit-user-select:none;
    • iOS -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    • iOS -webkit-text-size-adjust:none;
    • CSS Transform 3D has3d = "WebKitCSSMatrix" in window && "m11" in new WebKitCSSMatrix();
    • Добавить в «Домой»- window.navigator.standalone
    • Android
    • События Android 4 Android 2.3 iOS 5.1TouchStart 70 52 76TouchEnd 55 35 70TouchCancel 0 3 0TouchMove 189 87 122
    • Клики 300ms
    • Input focusСтранный placeholder<label class="form__row__label"> <span class="form__row__name">Кому:</span> <span class="form__row__input"> <input type="text" /> </span></label>
    • Input & fixed & links
    • Height & absolute
    • Общее о web-appПроблемы с сетью
    • Free WiFiСтраницы приветствия
    • Free WiFiСтраницы приветствия <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>…</title> <meta http-equiv="refresh" content="…" /> </head> <body> … </body> </html>
    • Viewport<meta name="viewport" content="user-scalable=no, width=device-width,initial-scale=1.0, maximum-scale=1.0" />
    • Apple<meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="yes" /><link rel="apple-touch-icon" href="…" />
    • Meta<meta name="format-detection" content="telephone=no" /><meta name="format-detection" content="email=no" />
    • InputСпецифичные параметрыautocorrect=“off”autocapitalize=“off”
    • iScroll http://cubiq.org/iscroll-4 Last code update: 2012.07.14 – v4.2 Device compatibility: iPhone/Ipod touch >=3.1.1, iPad >=3.2, Android >=1.6, Desktop Webkit, Firefox, Opera desktop/mobile.
    • СПАСИБО! Егор Дыдыкин, Иван Чашкин Front-end разработчикиe.dydykin@corp.mail.ru, i.chashkin@corp.mail.ru