[JS]余分なHTMLは加えずに、セマンティックに実装するスマートフォン用のナビゲーション
デスクトップ時はアイテムが水平に並び、スマートフォン時は省スペースのドロップダウン型に変わるナビゲーションを実装するチュートリアルを紹介します。 デモページ：幅480pxで表示 実装 HTML HTMLは非常にシンプルで、リスト要素を使いnav要素で内包するだけです。 <nav id="nav-wrap"> <ul id="nav"> <li><a href="#">Button</a></li> <li><a href="#">Button</a></li> </ul> </nav> JavaScript スクリプトではスマートフォン用にdiv要素で「Menu」を加え、それがクリックされるとアニメーションでスライドします。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7
Movable Typeでスマホサイト用トップページをPCサイト用トップページと異なるURLにする方法
Movable Typeでスマホ用トップページのURLに、PCサイトと異なるURLを設定する方法を紹介します。 １．サイトパスがドメイン直下の場合 例えば、サイトパスがドメイン直下、 http://user-domain/ となっている状態でスマホ用のトップページのURLを http://user-domain/i/ としたい場合、スマホ用トップページ（インデックステンプレート）の出力ファイル名を次のように設定します。 ファイル名にパスを設定することで、再構築時に「i」というパスを自動生成し、その直下にindex.htmlを出力します。 ２．サイトパスがサブディレクトリの場合 サイトパスがサブディレクトリ、 http://user-domain/blog/ になっていて、スマホ用のパスを http://user-domain/i/blog/ と、サブディレクトリの間に挿入したい場合もあると
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
