This is part 1 of a 3-part mini-series on designing iOS 7 web apps: Part 1: Styling Part 2: Behavior Part 3: Cross-device compatibility (coming soon) So you want to create a mobile web app that doesn’t look like it’s from 2007 and loads fast to boot with, ideally looking and working just like a native app. Now you might heave heard that Facebook famously switched to a native app citing performance
With the release of iOS 5, fixed positioned layout is said to be supported in MobileSafari. The word supported needs to be taken with a pinch of salt, because there's all kinds of issues which I intend to show you in the following post. Note that I have filed bugs for a number of these during the beta of iOS 5 - but god knows how the Radar Apple thing works, so I don't know the issue numbers. MY E
I'm using Twitter Bootstrap to style an iPad optimized website and am running up against an interesting bug in Mobile Safari on iOS5. After tapping on an anchor link in the fixed position navbar, it correctly takes me to that anchor. However, I am then unable to click on any other links in the navbar until after I have scrolled the page. The problem appears to be in Bootstrap itself, since the Boo
・ CSS3のプロパティ iPhone版Safariでは、デスクトップ版のSafariと同様に、CSS3のプロパティのいくつかを先行的にサポートしています（ただし、Webブラウザ依存のプロパティとして独自の表記となる）。例えば、webkit-border-image（ボーダーに画像を使う）や、webkit-border-radius（角丸）などが可能です。 ・ 文字サイズの自動アジャスト iPhone版Safariの独自機能の1つに、文字サイズの自動アジャストというものがあります。これは、表示されたテキストの1行分の文字数や、ページ内での相対的な関係などに応じて、文字のサイズを自動的に調整してくれるというものです。 例えば、ある程度横幅の広いブロックにテキストが流し込まれている場合（つまりそのままだと文字が小さ過ぎて読みにくい）に、中の文字が自動的に少し拡大されて、いくらか読みやすくなりま
Controlling text size in Safari for iOS without disabling user zoom The default viewport settings—the size and scale of the viewport—in Mobile Safari/Safari for iOS are optimised for websites with a width of 980 pixels. This means that if you use a fluid/elastic layout or media queries to make your layout adaptable, Safari on iOS doesn’t take advantage of the flexibility that offers but shows the
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
