タグ footer
人気順 5 users 10 users 100 users 500 users 1000 users[CSS]フッタの表示をコンテンツ量が少ない時は最下部に固定、多い時は成り行きにするシンプルなテクニック | コリス
デモページ(コンテンツ量が多い時) 実装 HTML 最小限の構成はこんな感じです。 コンテンツはmain要素でなくても平気です。コンテンツとフッタだけあればOK。 <body> <main> メイン コンテンツ </main> <footer> フッタ </footer> </body> CSS デモではフッタの高さを5emに設定しており、それに合わせてbodyにマージンを設定します。 // ST... 続きを読む
[JS]ページ内アンカーをidだけでなくclassや要素にも指定できるスクリプト -Arbitrary anchors | コリス
ページ内リンクをアニメーションでスクロールさせるスクリプトはいろいろありますが、ちょっと機能的にいろいろある面白いjQueryのプラグインを紹介します。 ページ内アンカーは通常、要素のidを指定して#(ハッシュ)リンクで遷移させますが、idの指定以外にclassやpやfooterなどにも遷移することができます。また、リンクの記述でスクロールのスピードを設定できるので、個々にスピードを変えることもで... 続きを読む
[CSS]さりげなく、美しくて分かりやすいテーブルにするCSS3のチュートリアル | コリス
デモページ:Zebra stripes, footer 角丸、セルを交互にカラーリング 実装のポイント CSS3を使って美しく、そして機能するテーブルを実装するポイントです。 画像を使用しないで、角丸を実装。 余分なid, classは使用せず、更新が容易。 ※tableにclassを一つだけ ユーザフレンドリーで、読むことが簡単。 実装 HTML HTMLは非常にシンプルです。 classは、t... 続きを読む
見落としがちなHTML5で変更された要素いろいろ | Webクリエイターボックス
HTML5を勉強していて、section, nav, header, footerなどの新しく追加された要素について説明している記事はよく見かけるのですが、HTML5で変更された要素について触れている記事が少ないように感じたので、よく使うものを中心にちょっとまとめてみます。既存のWebサイトをHTML5化する時は、コンテンツ内に変更された・または廃止された要素がないか確認することも大切ですね! H... 続きを読む
指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」:phpspot開発日誌
指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」 2010年05月27日- Plugins | jQuery Plugins 指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」。 $(element).footer() みたいにするだけで、element に指定した要素... 続きを読む
いろいろなサイトのFooterのデザインを集めた -Footers Design Showcase | コリス
OpenMediaLaboratory on 2008年5月15日 Webサイトのフッタデザインを集めたサイト Footer Design Showcase / Elements of Design Webをデザインしていて、意外と悩むのがフッタのデザイン。 結局は全部似たようなデザインになってしまいがちです。 そんなときに参考になるのが上記… 続きを読む
footerをウィンドウ下部に固定する『footerFixed.js』[to-R]
footerをウィンドウ下部に固定する『footerFixed.js』 【PR】初心者でも安心なレンタルサーバー。263円から使えます。 【PR】HP登録でSEO対策!アクセスアップにコチラ! footer部分を画面下部に固定するためのjsライブラリ『footerFixed.js』を作成しました。 フッターをコンテンツの内容量にかかわらずwindow下部に表示さすためのjsラブラリになります。 サ... 続きを読む
TRANS [hatena] - 印刷用CSSをまとめてみた。
以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限や... 続きを読む
i d e a * i d e a - 自分専用のノートが作れるNotepaper Generator
自分の名前が書かれたノートとか持っているとちょっとかっこいいですよね(でもない?)。 そんなときに使えるのがNotepaper Generatorです。自分の名前と(というか、Footerに表示させたいもの)、フォントを指定すると罫線入りのノートをPDFで生成してくれます。 ↑ こんな感じのノートをブラウザ上で生成してくれます。 ↑ フッター部分拡大。ネーム入りっす。 カレンダーもついていてちょっ... 続きを読む