実験室
JavaScript 関連の記事
Web サイトの制作の負担を減らしたり、Web ブラウザの機能を補うための JavaScript ライブラリを公開しています。
GNU General Public License の範囲で個人利用、商用利用を問わず自由にご利用いただけます。(動作の結果、損害をもたらしても保証はしかねますのでご利用いただく場合には十分にテストをしてください。)
もし、不具合や不明点などがありましたらフィードバックをいただければ幸いです。
- IE 6 以下で CSS の E:hover, E:active を有効にする JS
- OS にあわせた font-famiry を PHP または、JavaScript で適用する
- imagemap で簡単にロールオーバー
- 入力されたテキストを自動で指定の形式(半角, 全角, ひらがな, 全角カタカナ)に変換する
- フォームに入力された全角文字を自動で半角に変換する
- 外部の JS を読み込むための JS (CSS でいう import.css)
- フォントサイズ変更ボタン
- ストライプテーブル
- 入力エリアの初期値を自動でクリア
- ページの先頭へ smoothscroll
- 綺麗なソースで画像をロールオーバー
- hr 要素をかっこよく使う
- a 要素の target="_blank" の代わり
- ol 要素 の子(li 要素)に連番クラスをつける
- IE 6 で png の半透明部分を有効にする
CSS 関連の記事
- IE で CSS 3 の box-shadow や Transformations などのような効果
- 画像の下にテキストが回りこまないレイアウト
- 短いときは中央、長いときは左寄せになるテキスト
- height が決まっている領域で上下左右中央揃えにする CSS
- OS にあわせた font-famiry を PHP または、JavaScript で適用する
- p 要素などの行内で画像置換 (image replacement) をする
- 商品写真と説明文のリストなどのための CSS
- 外部リンクだけにアイコンをつけることのできる CSS のセレクタ
- Firefox 1.0, 1.5, 3.0 用の CSS ハック
- IE 7 の拡大時に余白ができたり、縮小時に食い込んでしまうバグの対策
- 横幅が 100% の header を ~inner を使わずに実現する
- 要素がコンテンツエリアなどからはみ出ているデザインを再現するための CSS
- CSS ファイルだけで IE 6 の背景に設定した png のアルファチャンネルを有効にする
- CSS で簡単に上下中央揃えを実現する
- CSS で HTML ソース内にない画像をプリントする
- IE 5.5 と 6 で :first-child
- IE 6 で table 要素内に font-size を継承させる