1. суббота, 24 ноября 12 г.

2. Плюсы и минусы
различных тач-
платформ глазами
веб-разработчика
Олег
разработчик тач-интерфейсов
суббота, 24 ноября 12 г.

3. Введение
суббота, 24 ноября 12 г.

4. Ожидания
суббота, 24 ноября 12 г.

5. -webkit-
-webkit-
-webkit-
5
суббота, 24 ноября 12 г.

6. Реальность
суббота, 24 ноября 12 г.

7. -ms- -webkit-
-o- -moz-
-ms-
-moz- -o-
-o-
-ms-
суббота, 24 ноября 12 г.

8. Статистика
суббота, 24 ноября 12 г.

9. Платформы
суббота, 24 ноября 12 г.

10. iOS
суббота, 24 ноября 12 г.

11. iOS
11
суббота, 24 ноября 12 г.
+

12. iOS +
12 консоль ошибок
суббота, 24 ноября 12 г.

13. iOS +
– консоль ошибок
– удалённый отладчик через десктопный Safari
13
суббота, 24 ноября 12 г.

14. iOS +
– консоль ошибок
– удалённый отладчик через десктопный Safari
– красивый рендеринг векторной графики и css
14
суббота, 24 ноября 12 г.

15. iOS +
– консоль ошибок
– удалённый отладчик через десктопный Safari
– красивый рендеринг векторной графики и css
– самая плавная анимация
15
суббота, 24 ноября 12 г.

16. iOS +
– консоль ошибок
– удалённый отладчик через десктопный Safari
– красивый рендеринг векторной графики и css
– самая плавная анимация
transform: translateZ(0);
16
суббота, 24 ноября 12 г.

17. iOS
17
–
суббота, 24 ноября 12 г.

18. iOS –
– путаница с аппаратно-ускоренными слоями
18
суббота, 24 ноября 12 г.

19. iOS –
– путаница с аппаратно-ускоренными слоями
transform: translateZ(0) === zoom: 1;
19
суббота, 24 ноября 12 г.

20. iOS –
– путаница с аппаратно-ускоренными слоями
– мигание при анимации
20
суббота, 24 ноября 12 г.

21. iOS –
– путаница с аппаратно-ускоренными слоями
– мигание при анимации
backface-visibility: none;
21
суббота, 24 ноября 12 г.

22. Windows Phone
суббота, 24 ноября 12 г.

23. Windows Phone
23
–
суббота, 24 ноября 12 г.

24. Windows Phone –
– только IE
24
суббота, 24 ноября 12 г.

25. Windows Phone –
– только IE
– нет тач-ивентов
25
суббота, 24 ноября 12 г.

26. Windows Phone –
– только IE
– нет тач-ивентов
– нет анимаций
26
суббота, 24 ноября 12 г.

27. Windows Phone –
– только IE
– нет тач-ивентов
– нет анимаций
– нет градиентов
27
суббота, 24 ноября 12 г.

28. Windows Phone
28
суббота, 24 ноября 12 г.
+

29. Windows Phone +
– Windows UI style
29
суббота, 24 ноября 12 г.

30. Windows Phone +
– Windows UI style
– svg
30
суббота, 24 ноября 12 г.

31. Windows Phone +
– Windows UI style
– svg
– WP8 / 10IE
31
суббота, 24 ноября 12 г.

32. Samsung Bada
суббота, 24 ноября 12 г.

33. Samsung Bada
33
–
суббота, 24 ноября 12 г.

34. Samsung Bada –
– нет тач-событий
34
суббота, 24 ноября 12 г.

35. Samsung Bada –
– нет тач-событий
touchstart -> mousedown
touchmove -> mousemove
touchend -> mouseup
35
суббота, 24 ноября 12 г.

36. Samsung Bada –
– нет тач-событий
– мертвая геолокация
36
суббота, 24 ноября 12 г.

37. Android
суббота, 24 ноября 12 г.

38. Android
38
–
суббота, 24 ноября 12 г.

39. Android –
– большое разнообразие
39
суббота, 24 ноября 12 г.

40. Android –
– большое разнообразие
– 320x480
– 480x800
– 480x854
– 540x960
– 600x1024
– 640x960
– 640x1136
– 720x1280
– 800x1280
– 1024x768
– 2048x1536
40
суббота, 24 ноября 12 г.

41. Android –
– большое разнообразие
– svg начиная с v[ 3.0 ]
41
суббота, 24 ноября 12 г.

42. Android –
– большое разнообразие
– svg начиная с v[ 3.0 ]
– дефолтный инпут
42
суббота, 24 ноября 12 г.

43. Android –
– большое разнообразие
– svg начиная с v[ 3.0 ]
– дефолтный инпут
– относительный и абсолютный адрес-бар
43
суббота, 24 ноября 12 г.

44. Android –
– большое разнообразие
– svg начиная с v[ 3.0 ]
– дефолтный инпут
– относительный и абсолютный адрес-бар
– оторванные глассные
44
суббота, 24 ноября 12 г.

45. Android –
– большое разнообразие
– svg начиная с v[ 3.0 ]
– дефолтный инпут
– относительный и абсолютный адрес-бар
– text-shadow с v[ 4.0.0 ]
45
суббота, 24 ноября 12 г.

46. Android –
– большое разнообразие
– svg начиная с v[ 3.0 ]
– дефолтный инпут
– относительный и абсолютный адрес-бар
– text-shadow с v[ 4.0.0 ]
46
суббота, 24 ноября 12 г.

47. Браузеры
суббота, 24 ноября 12 г.

48. Браузеры .
– Opera Mobile
48
суббота, 24 ноября 12 г.

49. Браузеры .
– Opera Mobile
– браузеры в iOS
49
суббота, 24 ноября 12 г.

50. Браузеры .
– Opera Mobile
– браузеры в iOS
– браузеры в Android
50
суббота, 24 ноября 12 г.

51. Клиентская Определялка
суббота, 24 ноября 12 г.

52. Клиентская Определялка .
Определяет :
– платформу
– версию
– браузер
– dpr
52
суббота, 24 ноября 12 г.

53. Клиентская Определялка .
Узнаёт о поддержке :
– svg
– video
– flash
– сеть 2G / 3G / wifi
53
суббота, 24 ноября 12 г.

54. Клиентская Определялка .
54
суббота, 24 ноября 12 г.

55. Клиентская Определялка .
https://github.com/bem/bem-bl
/blocks-touch/i-ua/
55
суббота, 24 ноября 12 г.

56. JS Framework
суббота, 24 ноября 12 г.

57. JS Framework .
– jQuery
57
суббота, 24 ноября 12 г.

58. JS Framework .
– jQuery
– jQuery mobile
58
суббота, 24 ноября 12 г.

59. JS Framework .
– jQuery
– jQuery mobile
– Zepto.js
59
суббота, 24 ноября 12 г.

60. Эмуляторы и симуляторы
суббота, 24 ноября 12 г.

61. Эмуляторы и симуляторы .
61
суббота, 24 ноября 12 г.

62. Эмуляторы и симуляторы .
62
суббота, 24 ноября 12 г.

63. Эмуляторы и симуляторы .
63
суббота, 24 ноября 12 г.

64. Эмуляторы и симуляторы .
64
суббота, 24 ноября 12 г.

65. Эмуляторы и симуляторы .
65
суббота, 24 ноября 12 г.

66. Эмуляторы и симуляторы .
66
суббота, 24 ноября 12 г.

67. Заключение
суббота, 24 ноября 12 г.

68. Вопросы ?
суббота, 24 ноября 12 г.

69. Олег
разработчик тач-интерфейсов
apostol@yandex-team.ru
Спасибо
суббота, 24 ноября 12 г.