タグ

smartphoneとtutorialに関するcooneywalkerのブックマーク (1)

  • 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> ボタン全体にリンクを貼る ページ内リンクを設定したサ

    JavaScriptで振り分けてスマホサイト完成! (1/5)
  • 1