mobile site

iPhone GPS機能と連携

○GPS機能とTwitterの連携1, modernizr.jsをダウンロードする → ココ 2, HTML で modernizr.js を読み込むindex.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <title>GPS機能とTwitterの連携</title> <link rel="stylesheet" href="css/style.css"> </link></meta></meta></head></html>

iPhone GPS機能と連携

○Geolocation API を利用する取得した位置情報を連続的に地図に表示する。 マーカーあり。「navigator」オブジェクトの「geolocation」を利用し、 「watchPosition」メソッドによって連続的に位置情報を取得 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <title>iPhone 位置情報取得</title> </meta></meta></head></html>

スマートフォンサイト01

● テーマ変更 ● リスト表示 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <link rel="stylesheet" href="css/jquery.mobile-1.0.1.min.css"> <script src="js/jquery-1.6.4.min.js"></script> </link></meta></meta></head></html>

Youtube動画を挿入

1,Youtubeの共有ボタンを押し、埋め込みコードをクリックする。 2,[動画が終わったら関連動画を表示する]を解除し、サイズをカスタムで[幅300×高さ169]設定する。 3,取得したコードを挿入して完了!Googleマップ挿入 1,Googleマップで挿入したい住所を表示し…