■お問い合わせ ■当サイトへのリンク ■サイト仕様 ■

WebDesign

CSSを利用したデザインサンプルやJavaScriptを利用しての表示改善サンプルを用意したページです。ある程度HTML/CSS/JavaScriptの知識があることを前提としたものとなっていることをあらかじめご了承願います。

サンプル

1. jQueryを利用したスライド
2. jQueryを利用した画像切り替え
3. jQueryでページの先頭にスクロールさせる
4. JavaScriptでIEのバージョンを判別
5. jQueryを利用したアコーディオン
6. スタイルシートやJavaScriptでメールアドレスを表示
7. リンクしているファイルのアイコンを表示
8. 黒板風デザイン
9. NoteBook風デザイン
10. 『初恋限定。』風デザイン

覚えておくと便利なこと

• さまざまな色一覧
• QRコードジェネレーター（QRコードを用意したい場合にどうぞ）
• ローカルWebサーバーを用意する方法

確認環境

Windows 7 SP1およびWindows XP SP3の環境で動作確認をしています。2011年後半からはWindows 7環境でのみの確認となる見込みです。ブラウザは、Internet Explorer 6/7/8/9, Firefox, Opera, Google Chromeで確認していますが、私自身のメインブラウザがGoogle Chromeなので、ほかのブラウザでは細かい不具合に気付いていないことがあるかもしれません。