タグ

iphoneとWeb制作に関するpankichiのブックマーク (2)

  • たった1行!スマホサイトのコーディング時に役立つ小技8(サンプルあり) - Design Color

    もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし

    たった1行!スマホサイトのコーディング時に役立つ小技8(サンプルあり) - Design Color
  • 研究室/iPhone、iPod touch、iPad用Webクリップ用アイコンの作り方 - iをありがとう

    このページでは、iPhone、iPod touch、iPadの「Webクリップ」機能で表示されるアイコンの作り方を解説します。 Webクリップとは iPhone、iPod touch、iPadのウェブブラウザ「Safari」の、ブックマーク機能のひとつです。 ホーム画面に、ウェブサイトへのショートカットを置くことができます。 Webページや、ページ内の特定部分に素早くアクセスできます。 Webクリップを作成すると、表示中のページを縮小した画像が、ボタンとして作成されます。 Webクリップ機能に対応したアイコンを設置しているサイトの場合は、そのアイコンがホーム画面に登録されます。 Webクリップの作成方法 Safariで、任意のWebサイトを開く ブックマークに追加などが行える、共有アイコンをタップ「ホーム画面に追加」を選択 このとき、通常は表示しているサイトの縮小画像(サムネール)がアイコ

    pankichi
    pankichi 2013/12/28
    iPhone用Webクリップ用アイコン設置方法。
  • 1