少し前までのWebサイト制作ではフレームによって簡単に実装されていましたが、Web標準が重視されフレームの使用がご法度になった今、画面全体がスクロールするWebサイトが一般的になりました。しかし、コンテンツ部分が長くなると、コンテンツ上部にあるメニューボタンの利用が不便になるなど、ユーザビリティの低下も否めません。 好みや慣れもあると思いますが、XHTML+CSSでフレームのようにヘッダとフッタを画面の上下に固定し、常に表示する方法をご紹介します。 ページの情報量が少ない場合も画面最下部にフッタを表示する方法は、フッタ固定で紹介しています。 サンプル ヘッダとフッタを固定して常に表示するサンプル（別ウィンドウで表示） ソース 上記サンプルで使用しているソースです。 body{ margin: 0; padding: 100px 0 50px 0; } * html body{ overfl
type=”hidden” 画面上は表示されない隠しデータを指定する type=”text” 一行テキストボックスを作成する（初期値） type=”search” 検索テキストの入力欄を作成する type=”tel” 電話番号の入力欄を作成する type=”url” URLの入力欄を作成する type=”email” メールアドレスの入力欄を作成する type=”password” パスワード入力欄を作成する type=”datetime” UTC（協定世界時）による日時の入力欄を作成する type=”date” 日付の入力欄を作成する type=”month” 月の入力欄を作成する type=”week” 週の入力欄を作成する type=”time” 時間の入力欄を作成する type=”datetime-local” UTC（協定世界時）によらないローカル日時の入力欄を作成する type
あの頃はホームページを作っているだけで楽しかった。誰も見ていなくてもプログラミングっぽいことをやっているのが嬉しかった。 そんな純粋な気持ちを取り戻すために今回は90年代のホームページの作り方をおさらいしておこうと思います。ゆっくりしていってね！ ▲まず、ウィンドウズに入っている「メモ帳」を開いてこう書きましょう。そして「index.html」という名前で保存して下さい。 ▲次にこう書きましょう。こう書くことでホームページの画像が盗まれなくなります。 次は背景画像を準備しましょう。 ▲今回はこちらの画像を使います。画像の名前は「haikei.gif」など分かりやすいものにしましょう。そして「gazou」という名前のフォルダを作ってそこに入れましょう。 ▲そして、こう書きましょう。 ▲index.htmlのファイルを「インターネット」にドラッグアンドドロップしてみるとこうなります！ ▲次にこ
Project Ball Pool http://mrdoob.com/projects/chromeexperiments/ball_pool/ Description MrDoob is known for Flash projects, and recently some great HTML5 work. This project shows the power of HTML5 through the physics of collision detection & gravity. Drag the balls around. Click the background to add new objects. Shake your browser to see feedback. Double click any object to refresh with a new colo
Home | 目次 | Prev | Web Safe Color | Next ■ Web Safe Color (カラーチャート) Wabにおける SafeColorパレット #0000ff #00f RGB(0,0,255) #0033ff #03f RGB(0,51,255) #0066ff #06f RGB(0,102,255) #0099ff #09f RGB(0,153,255) #00ccff #0cf RGB(0,204,255) #00ffff #0ff RGB(0,255,255) #0000cc #00c RGB(0,0,204) #0033cc #03c RGB(0,51,204) #0066cc #06c RGB(0,102,204) #0099cc #09c RGB(0,153,204) #00cccc #0cc RGB(0,204,204) #00ffcc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
