[B! iphone] sunny-qtのブックマーク

sunny-qt id:sunny-qt

iphoneに関するsunny-qtのブックマーク (5)

iPhone, iPad, ブラウザなどクロスデバイス対応のCSSフレームワーク -Less Framework
iPhoneなどのモバイルデバイスには320px、iPadやネットブックには768px、デスクトップなどのブラウザには1280px、三種類のデバイスにあわせてレイアウトを切り替えるフレームワークを紹介します。 Less Framework 2 ベースとなるカラムは下記のようになります。 iPhoneなどのモバイルデバイス 320px、2カラム iPadやネットブック 768px、5カラムデスクトップなどのブラウザ 1280px、8カラム三種類のレイアウトは同じグリッドを使用しており、カラム幅：120px、溝幅：24pxとなっています。異なる点はカラムとマージンの量です。レイアウトの変更にはCSS3のMedia Queriesが使用されています。 body {width: 696px;} @media only screen and (max-width: 767px) { body
sunny-qt 2010/08/31
css

フレームワーク

iPhone
リンク
iPhoneフレンドリーなサイトにするための10の方法 | Web活メモ帳
「10+ useful code snippets to develop iPhone friendly websites」というエントリーよりiPhone/iPod touch用サイトを作成する際の10のTipsのご紹介。サーバーサイドでの振り分け処理や、画面の向きの取得方法などなど、いつか使うかもしれないのでメモ的にエントリーです。詳しくは以下 JavaScriptでリダイレクト iPhone/iPod touchの場合に専用のページにリダイレクトさせます。サーバーサイドのスクリプトを使用できない場合に。 if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) { if (document.cookie.indexOf("iphone_redirect=false") ==
sunny-qt 2010/03/11
iphone
リンク
iPhone対応Webサイト構築入門（後編） | OSDN Magazine
iPhoneに搭載されているWebブラウザ「Safari」は、WindowsやMac OS X向けのWebブラウザとほぼ同等の機能を備えている。そのため、PC向けに制作されたWebページはiPhoneでもPCで閲覧する場合とほぼ同じレイアウト・挙動で表示できる。しかし、iPhoneはPCに比べて画面サイズが小さいため、iPhone版Safariに向けた専用のレイアウト・機能を用意しておくと、iPhoneから利用した場合のユーザビリティが大幅に向上する。後編では、このような「iPhone専用ページ」の作成例を紹介する。よりiPhoneでの閲覧に適したWebサイトを作る一般的なPC向けWebサイトでも、本記事前編で紹介したような修正を加えるだけでiPhoneからの閲覧がしやすいWebサイトになる。しかし、これはあくまでPC向けのWebページをiPhoneでも閲覧しやすくするだけのものである
sunny-qt 2010/01/15
iphone

参考サイト
リンク
iPhone対応Webサイト構築入門（前編）：SourceForge.JP Magazine
iPhoneにはWebブラウザとしてMac OS X/Windows用のSafari（以下、PC版Safari）のサブセット版が搭載されている。iPhoneのSafariでは一般的なWebサイトのほとんどが閲覧可能だが、Appleが提供している「iPhone向けのWebサイトデザイン」に従ったデザインを施すことで、iPhoneで閲覧した際により操作しやすいWebサイトを構築できる。本記事では、このようなiPhone向けのWebサイトを作成するテクニックを紹介する。なお、以下では主にiPhoneについて述べているが、iPod touchに搭載されているSafariについても仕様はまったく同一だ。 iPhone版Safariの特徴 iPhoneに搭載されているSafariは、PC版Safariに採用されているレンダリングエンジン「WebKit」を使用している。また、フォントについてもMac
sunny-qt 2010/01/15
iphone

参考サイト
リンク
iPhoneでも動作するFlash実行環境『Gordon』 – creamu
githubに、GordonというオープンソースのFlashランタイムがリリースされています。JavaScriptで作られていますね。 gordon.jsを読み込んで、bodyのonloadでswfを指定することで動くようです。iPhoneでも表示されますね。デモは以下から。 Gordon: An open source Flash™ runtime written in pure JavaScript ただFirefox、Chrome、Safariでは動くようですが、SVGをサポートしていないIEでは動かないようですね。ライセンスはMIT。ソースがシンプルでiPhone上でも動くということで、今後の拡張が楽しみです。一度見てみてください。 tobeytailor’s gordon at master – GitHub 今年の目標が明確になってきた。がんばります。
sunny-qt 2010/01/15
iphone

flash
リンク
1