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

現在位置 > LostTechnology > WebDesign

WebDesign

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

サンプル

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

覚えておくと便利なこと

確認環境

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