forked from pavingways/pavingways.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathapple-iphone-safari-on-a-mobile-phone_71.html
199 lines (104 loc) · 6.37 KB
/
apple-iphone-safari-on-a-mobile-phone_71.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html>
<!--[if IEMobile 7 ]><html class="no-js iem7"><![endif]-->
<!--[if lt IE 9]><html class="no-js lte-ie8"><![endif]-->
<!--[if (gt IE 8)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Apple unveils iPhone - Safari on a mobile phone! - PavingWays JavaScript Applications</title>
<meta name="author" content="">
<meta name="description" content="Today Steve Jobs unveiled the long-anticipated iPhone to the public. We gotta say this thing is amazing! Featuring a new input method called “ …">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="http://pavingways.github.io/apple-iphone-safari-on-a-mobile-phone_71.html">
<!--<link href="/favicon.png" rel="icon">-->
<link href="http://gravatar.com/userimage/336259/af37eb31524b5d5bee5e0f902fdb42fe.png
?s=16" rel="shortcut icon">
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<link href="/atom.xml" rel="alternate" title="PavingWays" type="application/atom+xml">
<script src="/javascripts/modernizr-2.0.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="/javascripts/octopress.js" type="text/javascript"></script>
</head>
<body class="no-sidebar" >
<header role="banner"><hgroup>
<h1><a href="/">PavingWays</a></h1>
<h2>We build JavaScript applications</h2>
</hgroup>
</header>
<nav role="navigation"><ul class="subscription" data-subscription="rss">
<li><a href="/atom.xml" rel="subscribe-rss" title="subscribe via RSS">RSS</a></li>
</ul>
<ul class="main-navigation">
<li><a href="/">About</a></li>
<li><a href="/projects/">Projects</a></li>
<li><a href="/blog/">Blog</a></li>
</ul>
</nav>
<div id="main">
<div id="content">
<div>
<article class="hentry" role="article">
<header>
<h1 class="entry-title">Apple unveils iPhone - Safari on a mobile phone!</h1>
<p class="meta">
<time datetime="2007-01-09T00:00:00+01:00" pubdate data-updated="true">Jan 9<span>th</span>, 2007</time>
</p>
</header>
<div class="entry-content">Today Steve Jobs unveiled the long-anticipated <a href="http://www.apple.com/iphone/">iPhone</a> to the public. We gotta say this thing is amazing! Featuring a new input method called “Multi-touch”, which allows you to use several fingers at once to input “gestures”, the phone also features Wi-Fi (and EDGE) along with a version of Apple’s web browser Safari - this is possible, because the phone’s operating system is MAC OS X!<br>
<!--more--><br>
This is really exciting, because this phone has a full featured, standards-minding web browser out of the box and the connectivity features to make use of it. Apple’s website for the <a href="http://www.apple.com/iphone/internet/">iPhone internet features</a> has an animation where you can see the browser in action.<br>
<br>
It looks like web pages can be zoomed - apparently continuously - using gestures. There seems to be a logic that zoomes certain elements on the screen, such as images or article headings, if you perform a gesture or simply click on it. Also the phone recognizes if you hold it in landscape or portrait mode and sets the screen orientation accordingly.<br>
<br>
I wonder if you can also click links in any zooming level, doesn’t look like - but i would assume so. The screen resolution of the iPhone is 320x480 and the display is a very high-res one with 160ppi.<br>
<br>
We’re looking forward to how the web browser performs on the iPhone in reality and what implications this has for us as developers. One thing interesing to know would be what the default width in the web browser is - the demo animation above shows a wikipedia page at the end that seems to be smaller in width than the NYT page from the beginning of the demo - but we’ll see, hopefully soon.
</div>
<footer>
<p class="meta">
<time datetime="2007-01-09T00:00:00+01:00" pubdate data-updated="true">Jan 9<span>th</span>, 2007</time>
<span class="categories">
<a class='category' href='/categories/mobile-browsers/'>Mobile Browsers</a>, <a class='category' href='/categories/mobile-technologies/'>Mobile Technologies</a>, <a class='category' href='/categories/mobile-trends/'>Mobile Trends</a>, <a class='category' href='/categories/mobile-web/'>Mobile Web</a>, <a class='category' href='/categories/news/'>News</a>
</span>
</p>
<div class="sharing">
</div>
<p class="meta">
<a class="basic-alignment left" href="/mobile-ajax-application-test-and-demo_69.html" title="Previous Post: Mobile AJAX application to test and demo">« Mobile AJAX application to test and demo</a>
<a class="basic-alignment right" href="/mobile-monday-munich-02052007_72.html" title="Next Post: Mobile Monday, Munich 02/05/2007">Mobile Monday, Munich 02/05/2007 »</a>
</p>
</footer>
</article>
<section>
<h1>Comments</h1>
<div id="disqus_thread" aria-live="polite"></div>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</section>
</div>
</div>
</div>
<footer role="contentinfo"><p>
Copyright © 2014 - PavingWays Limited -
<span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
</p>
</footer>
<script type="text/javascript">
var disqus_shortname = 'pavingways-blog';
// var disqus_developer = 1;
var disqus_identifier = 'http://pavingways.github.io/apple-iphone-safari-on-a-mobile-phone_71.html';
var disqus_url = 'http://pavingways.github.io/apple-iphone-safari-on-a-mobile-phone_71.html';
var disqus_script = 'embed.js';
(function () {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/' + disqus_script;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
}());
</script>
</body>
</html>