PCサイトへのアクセスをスマートフォンサイトに転送するJavaScript(寄稿) - ブログ | CMSプラットフォーム Movable Type ドキュメントサイト
こんにちは！シックス・アパートの長内です。 今回も「MTDDC Meetup 2011 Tokyo」に登壇いただいた皆様に、Movable TypeのTips、ハウトゥなどについて特別寄稿をしていただきます。 第四回目は、ブログ「to-R」上で、JavaScriptやSEO対策、CSS、Movable Typeなどの情報発信を行っている、西畑一馬さんです。 今回は、JavaScriptを利用して、スマートフォンとPC用のページを振り分けるTipsについて記述いただきました。 『Movable Type 5.1 プロの現場の仕事術』では.htaccessを利用してPCサイトへのアクセスをスマートフォンサイトに転送する方法を紹介させていただきました。今回は、書籍とは別の方法を使って、PC向けページとスマートフォン向けページの振り分けを行ってみましょう。 異なるページの表示振り分けを実装するため
JavaScriptで振り分けてスマホサイト完成！ (1/5)
スマートフォンサイトの設計・デザイン、HTML5+CSS3による基本的なマークアップについて前回までに解説してきました。今回はページ内の要素にリンクを設定してスマートフォンサイトを仕上げます。 ページ内リンクを張る 今回制作しているスマートフォンサイトは、ページ内の各コーナーに移動できるナビゲーション（ジャンプボタン）を設置しています。まずはジャンプボタンにページ内リンクを設定しましょう。ページ内リンクは、PCサイトと同様、リンク先の要素にID属性を振り、a要素を次のように記述します。 <ul class="clearfix"> <li><a href="#access">アクセス</a></li> <li><a href="#tel">電話</a></li> <li><a href="#mail">メール</a></li> </ul> ボタン全体にリンクを貼る ページ内リンクを設定したサ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
