My Color　「ダンクハーツ-谷春樹Blog-」

商品一覧ページなどをコーディングするときに、


のように表示されてほしいのに




のようになってしまったことはありませんか？
この場合の解決策は、一番高い要素の高さにワクの幅をそろえることで解決できるのですが、高さが一定じゃないときってありますよね？
そんなときに使えるjsライブラリーをご紹介。

一度制作したWebサイトの更新のしやすさを向上するために、プログラムのインクルードを利用して「サイドメニュー」や「ヘッダー」をテンプレート分けしている人も多いと思います。

簡単にHTMLをインクルードする方法として、phpが利用できるサーバーであれば<?php include"ファイル名" ?>と記述したり、SSIが利用できるのであれば<!--#include file="header.html" --> と記述する方法があります。

今回、phpもSSIも利用できないサーバーでサイトのパーツをテンプレート化できたらなぁ・・といろいろ探していたらついに発見！
Javascriptを利用してHTMLのインクルードを実現している方法があったのでご紹介。

ウインドウサイズ指定のポップアップには様々なやりかたがありますが、一番シンプルな方法をご紹介。

フォームのボタンに画像を使うテクニック。（javascript編）
ボタンに画像を使う場合は

<button type="submit"><img src="sample.jpg"></button>

でも再現できますが、ＣＳＳでbuttnのスタイルをリセットするのが面倒なのでjavascriptで簡単にできる方法をご紹介。