CSSだけでフレームを作るテクニック
2006年09月06日
スポンサード リンク
CSS Frames v2, full-height | 456 Berea Street
サンプルのダウンロード
Way back in August of 2003 I wrote a short article called CSS Frames, in which I described a technique to emulate the visual appearance of HTML frames with CSS.
CSSだけでフレームを作るテクニック。
通常、フレームというとframeタグを使って実現しますが、検索クローラーに対して不利などの理由から最近ではあまり見かけなくなってしまいました。
フレーム風のインタフェースをCSSだけで実現するテクニック。
常にヘッダー、フッターのナビゲーションが固定されているのでフレームの使いやすさはそのままで、かつクリーンなHTMLによってフレームを実現できます。
分かりやすいように、この機能を実現するのに不要な部分は出来るだけ省いたものを次に示します。
サンプルのダウンロード
スポンサード リンク
投稿者 KJ : 2006年09月06日 20:20
|
![]()
間違いの指摘をしていただける方はメールでお願いします
最新のブログ記事
- 汎用的にロゴなどにも使えそうなクールなフォント集
- jQueryでゲームを作成するためのライブラリ「gameQuery」
- Firefoxでモバイルサイトの動作確認「FireMobileSimulator」
- 2008年9月5日 管理人のブックマーク
- tableタグで画像を描くPHPクラス
- ブラウザの使用時間を計れるFirefox拡張「TimeTracker」
- ActionScript3で曲げたりうねらせたりする物理ライブラリ「as3dmod」
- 2008年9月4日 管理人のブックマーク
- シンプルなUIアイコンセット「Simplicio」
- jQueryを使ったアプリのユニットテスト「QUnit」
- Photoshopで漫画エフェクトを与えるチュートリアル20


















