HTML CSS JavaScript ファイルをセットにしたパッケージをダウンロードできるようにしました。
以前あったものは、 CSS のプロパティの設定が既にされており、新規に作成する際に無駄なプロパティの設定を削除する必要があったため、あまり使い勝手がよくなかったので、今回はプロパティの設定を最小限におさえています。
また、 HTML ファイルは id / class の命名規則に記述されたすべての id と class を指定した構造をつくってあり、 CSS も同様に id と class を記述してあります。
これを基にモジュールを作成することで、構造とスキンの一貫性を保持し、コーディングの効率を上げる事ができます。
クラス名も多少の変更を加えました。いくつもバリエーションのでてくるブロックレベルエレメントの class 名を *-[alphabet] ( 例 : unit-a )とすることで、より柔軟な追加を可能なようにしています。
JavaScript は jQuery を読み込んでいます。
また。画像ファイル名に _on と _off を使用することでマウスオーバーで画像の切り変わるスマートロールオーバーを記述し、アンカーでのページ内の移動をアニメーションで行う、スマートスクロールを to-top class に設定しています。