[B! design webclip] bleu-bleutのブックマーク

bleu-bleut id:bleu-bleut

design webclipに関するbleu-bleutのブックマーク (4)

Memo, [iOS][mobile Safari]フルスクリーンに対応させるmetaタグやスプラッシュ画像の指定
iOS Safari(mobile Safari)には「ホーム画面に追加」機能があります。「ホーム画面に追加」に追加したアイコンをタップして起動させた場合はmetaタグを追加でフルスクリーン表示が可能です。描画エンジンはSafariの様なのですが通常（のSafari）とは違う表示が可能です。ステータスバーもロケションバーもないアプリのようなフルスクリーン表示が可能です。 <meta name="viewport" content="width=device-width , initial-scale=1.0 , maximum-scale=1.0 , user-scala ble=no"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-m
bleu-bleut 2013/06/26
Article

design webclip
リンク
Matsumoto.JS - iOS Webクリップでのスタートアップ画面
iOSのWebアプリ(Webクリップ)でのスタートアップ画面、いわゆるスプラッシュの表示を実際に試してみました。前にブログに書いたように、 Appleの仕様「Specifying a Startup Image」でも・apple-touch-startup-image をlink要素で指定。・サイズは幅320px高さ460pxとすること。というふうになっています。用意する画像は標準画面サイズより縦方向が20px小さいサイズで、これは時刻などが表示されるステータスバーを差し引いたものですね。で、この画像サイズは厳密なものなのか気になったので実際に試してみました。１．まず仕様通りのサイズ <link rel="apple-touch-startup-image" href="320x460.png"/> １秒くらいですがちゃんと表示されました。２．iPhone4以降の解像度(6
bleu-bleut 2013/06/26
Article

design webclip
リンク
スマホサイト対策！ウェブクリップアイコンの設定を忘れずに | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！サリーです。昔は、設定していたら「あらオシャレ」くらいの感覚だったfaviconも、近頃はすっかり必須項目となってまいりました。 ▲ちなみにLIGのfaviconはこんな感じその一方で、最近ではスマホ用の「ウェブクリップアイコン」というものがあります。これがちゃんと設定してあると「おっ」て思います。とっても簡単なので設定してみましょう。ウェブクリップアイコンって？スマホではホーム画面にブックマークのアイコン（タップでブラウザが立ち上がり任意のサイトが開くアイコン）を置くことを、「ウェブクリップ」と呼びます。そのときホーム画面で使用されるアイコンの事をそのまんま「ウェブクリップアイコン」と呼ぶのですね。ウェブクリップアイコンをホーム画面に設置する方法 iPhoneなどの場合 iPhone/iPod touch/iPadでは、Safariでサイトを開き、下部中央の共有
bleu-bleut 2013/06/15
Article

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

design webclip
リンク
1