カテゴリーアーカイブ: HTML

パンくずリスト

投稿日: 作成者:

パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種

http://css-happylife.com/archives/2007/0131_0015.php

CSSで実装するちょっと凝ったパンくずリスト

http://c-brains.jp/blog/wsg/09/05/21-202137.php

パンくずリストなどを作る際に役立つ擬似クラスの使い方
http://pipilog.com/404.html

スムーズなスライドが気持ちいい、パンくずのスクリプト -jBreadCrumb
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-jbreadcrumb.html

カッコイイ「パンくずリスト」のデザインがあれば教えてください。
http://w3q.jp/t/312

実践！ウェブサイトを作ろう (全16回)

投稿日: 作成者:
返信

ドットインストール
http://dotinstall.com/lessons/website_html

組み立て方の基本をもう一度復習したい方にオススメです。
float解除のoverflow:hiddenやpositionの使い方など勉強に
なるとおもいます。完成ファイルをdropboxのDWフォルダに
入れておきますね。是非、チャレンジしてみてください。

メディアクエリーの設定とグリッドデザインの導入

投稿日: 作成者:
返信

レスポンシブWebデザインでは、「メディアクエリー」を使って画面幅に応じてCSSを
切り替えます。メディアクエリーとは、デバイスの画像解像度・ウィンドウの幅・向きなどの
指定条件にあわせて別々のCSSを適用できる機能です。（下記サイトより引用）

ASCII.jp：メディアクエリーの設定とグリッドデザインの導入｜
ゼロから始めるレスポンシブWebデザイン入門
http://ascii.jp/elem/000/000/700/700139/

フッタ部分リンクメニューのリストタグによる実現方法

投稿日: 作成者:
返信

フッタ部分リンクメニューのリストタグによる実現方法 – CSSサンプル 株式会社エボルニ
http://css.evol-ni.com/example/list_fnavi/index.html
http://css-el.seesaa.net/article/43838824.html

フッターメニューとは、ページの一番下にある、ほかのページのリンクメニューのことです。 Googleグーグルのインデックスクローラーは、各ページを見逃すことなくしっかりと読み込んでくれるようになります。 なおかつ、メニューのテキストの中にキーワードが含まれていると、それらのキーワードでの検索順位が上昇します。

http://www.web-planners.net/knowledge/000096.php