タグ

*htmlとiphoneに関するyamadarのブックマーク (5)

  • » HTMLメールのスマートフォン対応はどうするべきか? | Webnoborder

    Webサイトのスマートフォン対応は進んでいますが、HTMLメールのスマートフォン対応は進んでいません。 何故、進まないか?理由はいくつかありますが大きな問題としてメールアドレスだけでは、受信しているデバイスを判別出来ない点が上げられます。 Webサイトのスマートフォン対応は進んでいますが、HTMLメールのスマートフォン対応は進んでいません。 何故、進まないか?理由はいくつかありますが大きな問題としてメールアドレスだけでは、受信しているデバイスを判別出来ない点が上げられます。 HTMLメールの最大の問題点 @docomo.ne.jpなどのキャリアドメインのメールアドレスの場合は、メールアドレスとデバイスが対になっていますが、対になっているデバイスがフィーチャーフォンかスマートフォンの判別がつきません。(i.softbank.jpはiPhone用のメールアドレスだけで判別できるようですが。)

  • モバイルブラウザでもサクサクに動作する最適化6つのノウハウ

    「Webサイト・アプリ高速化テクニック徹底解説」第8回は、モバイルブラウザに向けた最適化について紹介します。 モバイル端末はPCに比べ、CPUやネットワークなどの性能面で劣ることからボトルネックの影響が出やすく、またゲーム開発など突き詰めたチューニングを行う場面では、特殊なノウハウも必要になります。 しかしきちんと最適化を行えば、その効果もその分著しく、比較的低スペックな端末や3G回線であっても、サクサク軽量なサービス提供が可能です。今回の記事では、その勘所をお伝えしたいと思います。 1. ボトルネックを取り除く まずはやってしまいがちなボトルネックの事例について、挙げていきたいと思います。前述のようにモバイル端末では、その性能からPCよりも顕著に、未最適化箇所が体感に影響を及ぼします。 仕事がらそこそこの数のアプリケーションを見てきましたが、モバイル向けに特化したチューニングができていな

    モバイルブラウザでもサクサクに動作する最適化6つのノウハウ
    yamadar
    yamadar 2013/09/25
    JS、キャッシュ、リクエスト数。
  • スマートフォン対応でよく使うhtml、css、javascriptのまとめ

    スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtmlcssjavascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon

  • meta の viewport - ZeBeVogue別館

    Ajaxian で Wot no magnifying glass? - Ajaxian という記事があった。 HTML はそれなりにかじってるつもりだけど、以下のmetaタグが何を意味するのかが分からなかったので調べてみた。 <meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> Travellers Tales : iPhone 用 Web ページおよびアプリケーションの作り方 - iPhone Development Guidelines を読むによると以下の通り。 以下は viewport meta tag の属性です。すべてを設定する必要はありません。 width:デフォルトの幅は 980、範囲は [200, 10,000] heigh

    meta の viewport - ZeBeVogue別館
  • ProjectDD

    最果タヒさんがつむぐ「詩になる直前」の言葉が並んでいるのですが、むしろ展示デザインを担当された佐々木俊さんとの「詩や言葉の、無限大の表現方法を探るインスタレーション展」と言った方がしっくりくる…それくらい言葉の表現方法のバリエーションに触れることができる展示になっています。

    ProjectDD
  • 1