はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ footer

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 9 / 9件)
 

[CSS]フッタの表示をコンテンツ量が少ない時は最下部に固定、多い時は成り行きにするシンプルなテクニック | コリス

2015/05/11 このエントリーをはてなブックマークに追加 131 users Instapaper Pocket Tweet Facebook Share Evernote Clip ブッダ コリス マージン Body CSS

デモページ(コンテンツ量が多い時) 実装 HTML 最小限の構成はこんな感じです。 コンテンツはmain要素でなくても平気です。コンテンツとフッタだけあればOK。 <body> <main> メイン コンテンツ </main> <footer> フッタ </footer> </body> CSS デモではフッタの高さを5emに設定しており、それに合わせてbodyにマージンを設定します。 // ST... 続きを読む

[JS]ページ内アンカーをidだけでなくclassや要素にも指定できるスクリプト -Arbitrary anchors | コリス

2013/08/18 このエントリーをはてなブックマークに追加 69 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス class スクリプト ハッシュ スクロール

ページ内リンクをアニメーションでスクロールさせるスクリプトはいろいろありますが、ちょっと機能的にいろいろある面白いjQueryのプラグインを紹介します。 ページ内アンカーは通常、要素のidを指定して#(ハッシュ)リンクで遷移させますが、idの指定以外にclassやpやfooterなどにも遷移することができます。また、リンクの記述でスクロールのスピードを設定できるので、個々にスピードを変えることもで... 続きを読む

[CSS]さりげなく、美しくて分かりやすいテーブルにするCSS3のチュートリアル | コリス

2011/10/17 このエントリーをはてなブックマークに追加 369 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス チュートリアル CSS ユーザフレンドリー テーブル

デモページ:Zebra stripes, footer 角丸、セルを交互にカラーリング 実装のポイント CSS3を使って美しく、そして機能するテーブルを実装するポイントです。 画像を使用しないで、角丸を実装。 余分なid, classは使用せず、更新が容易。 ※tableにclassを一つだけ ユーザフレンドリーで、読むことが簡単。 実装 HTML HTMLは非常にシンプルです。 classは、t... 続きを読む

見落としがちなHTML5で変更された要素いろいろ | Webクリエイターボックス

2011/09/06 このエントリーをはてなブックマークに追加 805 users Instapaper Pocket Tweet Facebook Share Evernote Clip Webクリエイターボックス HTML5 section 既存

HTML5を勉強していて、section, nav, header, footerなどの新しく追加された要素について説明している記事はよく見かけるのですが、HTML5で変更された要素について触れている記事が少ないように感じたので、よく使うものを中心にちょっとまとめてみます。既存のWebサイトをHTML5化する時は、コンテンツ内に変更された・または廃止された要素がないか確認することも大切ですね! H... 続きを読む

指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」:phpspot開発日誌

2010/05/27 このエントリーをはてなブックマークに追加 226 users Instapaper Pocket Tweet Facebook Share Evernote Clip phpspot開発日誌 下部 Plugins 指定要素 ページ

指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」 2010年05月27日- Plugins | jQuery Plugins 指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」。 $(element).footer() みたいにするだけで、element に指定した要素... 続きを読む

いろいろなサイトのFooterのデザインを集めた -Footers Design Showcase | コリス

2008/05/13 このエントリーをはてなブックマークに追加 272 users Instapaper Pocket Tweet Facebook Share Evernote Clip ブッダ コリス Elements of Design web

OpenMediaLaboratory on 2008年5月15日 Webサイトのフッタデザインを集めたサイト Footer Design Showcase / Elements of Design Webをデザインしていて、意外と悩むのがフッタのデザイン。 結局は全部似たようなデザインになってしまいがちです。 そんなときに参考になるのが上記… 続きを読む

footerをウィンドウ下部に固定する『footerFixed.js』[to-R]

2007/11/15 このエントリーをはてなブックマークに追加 288 users Instapaper Pocket Tweet Facebook Share Evernote Clip フッター レンタルサーバー JSライブラリ to-R 画面下部

footerをウィンドウ下部に固定する『footerFixed.js』 【PR】初心者でも安心なレンタルサーバー。263円から使えます。 【PR】HP登録でSEO対策!アクセスアップにコチラ! footer部分を画面下部に固定するためのjsライブラリ『footerFixed.js』を作成しました。 フッターをコンテンツの内容量にかかわらずwindow下部に表示さすためのjsラブラリになります。 サ... 続きを読む

TRANS [hatena] - 印刷用CSSをまとめてみた。

2006/12/08 このエントリーをはてなブックマークに追加 804 users Instapaper Pocket Tweet Facebook Share Evernote Clip trans Hatena secondary primary

以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限や... 続きを読む

i d e a * i d e a - 自分専用のノートが作れるNotepaper Generator

2006/09/29 このエントリーをはてなブックマークに追加 330 users Instapaper Pocket Tweet Facebook Share Evernote Clip Notepaper Generator ノート 自分専用

自分の名前が書かれたノートとか持っているとちょっとかっこいいですよね(でもない?)。 そんなときに使えるのがNotepaper Generatorです。自分の名前と(というか、Footerに表示させたいもの)、フォントを指定すると罫線入りのノートをPDFで生成してくれます。 ↑ こんな感じのノートをブラウザ上で生成してくれます。 ↑ フッター部分拡大。ネーム入りっす。 カレンダーもついていてちょっ... 続きを読む

 
(1 - 9 / 9件)