WebDesign
CSSを利用したデザインサンプルやJavaScriptを利用しての表示改善サンプルを用意したページです。ある程度HTML/CSS/JavaScriptの知識があることを前提としたものとなっていることをあらかじめご了承願います。
サンプル
- 絞り込み表示するJavaScript
- 段落幅を自動調整するJavaScript
- 画像を自動縮小するJavaScript
- jQueryを利用したスライド
- jQueryを利用した画像切り替え
- jQueryでページの先頭にスクロールさせる
- JavaScriptでIEのバージョンを判別
- jQueryを利用したアコーディオン
- スタイルシートやJavaScriptでメールアドレスを表示
- リンクしているファイルのアイコンを表示
- 黒板風デザイン
- NoteBook風デザイン
- 『初恋限定。』風デザイン
覚えておくと便利なこと
- さまざまな色一覧
- QRコードジェネレーター（QRコードを用意したい場合にどうぞ）
- ローカルWebサーバーを用意する方法
確認環境
Windows 7 SP1およびWindows XP SP3の環境で動作確認をしています。2011年後半からはWindows 7環境でのみの確認となる見込みです。ブラウザは、Internet Explorer 6/7/8/9, Firefox, Opera, Google Chromeで確認していますが、私自身のメインブラウザがGoogle Chromeなので、ほかのブラウザでは細かい不具合に気付いていないことがあるかもしれません。