スマートフォン

iPadで端が切れたり余白できたり。。スマホとiPadでviewport設定をjsで振り分ける

スマホはレスボンシブ、iPadはPC画面縮小表示したい。 そんな訳で実装する為に、↓この3つについてご説明します。 ・レスボンシブサイトのviewport設定 ・PC表示をそのまま縮小する為のviewport設定(iPad用) ・デバイスによってviewport設定を振り分けるレス…

DreamweaverでAndroid SDKの設定

http://ingwer-design.com/blog/android/dreamweaverandroid-sdk.html

スマートフォン - 作例1

▼「HTML5とCSS3で作る 魅せるiPhoneサイト」のサポートページ http://www.ishowcase.jp/book/ ▼完成URL http://jewelcafe.main.jp/0816/01.html iPhone参考サイト Adobe HTML5 特設サイト http://adobe-html5.jp/ 今から始めるiPhoneコーディング http://htm…

iPhone用基本フォーマット

iPhone.js(検索バーを隠す為の設定) window.addEventListener('load', function(){ setTimeout(function(){ scrollTo(0,1); },100); }, false); css /*リセット ------------------------------------*/ html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li…

Dreamweaverでjquery Mobile 3

メニューを選択 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>07 DWメニューを選択</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css"> </link></meta></meta></head></html>

Dreamweaverでjquery Mobile 2

テキスト入力 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>04 DWテキスト入力</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css"> </link></meta></meta></head></html>

Dreamweaverでjquery Mobile 1

挿入パネル→一般→jquery Mobile→ページ リスト挿入→リストのオプションすべてチェック <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>02 DWリストのオプションを適用</title> </meta></meta></head></html>

複数のHTMLでサイト構築

<html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>複数のHTMLでサイト構築する(page1)</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css"> </link></meta></meta></head></html>

jQueryMobile ルール

モバイルの場合、liの中にh1・h2等が入れられる。 li内に2つのリンクをはれる。 『list-divider』で見出しが出来る。 テーマの切り替え ページ要素に対してdata-theme属性「a」〜「e」を指定すると、デザインテーマを切り替えられる。 <div data-role="page" id="page1" data-theme="b"> ページ全体ではなく指</div>…

jQueryMobile 基本フォーマット

<html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQueryMobile サンプル</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css"> </link></meta></meta></head></html>

jQueryMobile 準備

iPhoneシミュレータ Mobilizerダウンロード http://www.springbox.com/mobilizer/ safariダウンロード http://support.apple.com/ja_JP/downloads/#internet ダウンロードが完了したら「編集」→「詳細」→メニューバーに開発メニューを表示にチェック メニュ…

スマートフォンCMS(無料)

▼smart4me http://smart4me.net/ 本当に簡単でした。。