新規サイト制作セット（CSSライブラリ＋基本フォルダ構造＋HTMLテンプレート）、一式zipでダウンロードできるようにしました:::STOPN' LISTEN:::

2007年9月28日

新規サイト制作セット（CSSライブラリ＋基本フォルダ構造＋HTMLテンプレート）、一式zipでダウンロードできるようにしました

以前公開した「新規でサイトを作る際に僕がいつも使ってるCSSのセットを公開するよ」ですが、
これがセミナーでもちょくちょく話しているせいか、未だにかなりダウンロードが多いようです。

正直な話、僕が最近コーディングどころか開発系の仕事を全くする機会がなく、
ＨＴＭＬの品質保証の面倒が見れないということで、
全社員もれなくkennsu謹製の新規サイト制作セットを導入してもらう事になりました。

と、いうわけでとりあえずこちらからダウンロードしていただけます。

新規サイト制作セット一式をダウンロードする

追記：ライセンスはMITライセンスにて配布いたします。
ソースコードの性質上、署名に僕の名前をいれていませんし、再配布、改変、署名の変更、商用利用、すべてご自由にご利用ください。

さて、このセットの中身の解説は以下になります。

ディレクトリ構造

まずセットには以下ディレクトリ構造でファイルが梱包されています。

ディレクトリ構造

これにより、ディレクトリ構造の標準化を図っています。
フォルダの名前の付け方はひとそれぞれ結構まちまちなので、これで統一を行うということですね。

ちなみにトップ階層のcommonというフォルダは僕は矢印アイコンなどのサイト全体にわたって使用するイメージを格納して、
下位のフォルダにドッペルゲンガーができないように利用していますが、
これはみなさんの都合で好きにつかってください。使わなくてもいいですし。

CSSライブラリ

こちらは「新規でサイトを作る際に僕がいつも使ってるCSSのセットを公開するよ」で解説しているものと同様なのではしょりますが、
font-familyにメイリオを加えるなど、アップデートしています。

HTML雛形

こちらの中身は以下のものになります。

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>template</title>
<link rel="stylesheet" type="text/css" media="all" href="css/set.css" title="style
importer" />
<script type="text/Javascript" src="js/common.js"></script>
</head>

<body>

<div id="container">

 
<div id="header">
<!-- /header --></div>
 
<div id="main">
<!-- /main --></div>

<div id="nav">
<!-- /nav --></div>

 
<div id="footer">
<!-- /footer --></div>

 
<!-- /container --></div>

 
</body>
</html>

HTMLの新しいファイルを作成する時にdoctypeの指定なんかを手打ちでやっている人は少ないですよね。

コピペするのもめんどくせえ、という方のニーズを満たすために、
head内のお決まりの文句（Content-TypeとかScript-Typeとかもろもろ）を標準で搭載し、
CSSとJavascriptの基本ファイルにリンクを繋げています

ちょっとしたことですが、あったらあったで便利ですよね。

body内には基本的なdiv構造とidが指定してあるので、
ここでも大まかな標準化を図っています。

ちなみにDTDはXHTML 1.0 Transitionalなので気に入らない方はご自由に変更してください。
IEに互換モードが嫌な方はXML宣言をはずしてください。

と、いうわけで解説は以上です。

今回はもちろん会社の皆へ向けてのエントリーなんですが、
前々からこっち⇒「新規でサイトを作る際に僕がいつも使ってるCSSのセットを公開するよ」のエントリーに対して
「ＣＳＳをぽちぽちいっこずつダウンロードするのが面倒くさいよ」
という意見をかなり頂いていたので、ついでということになりますが、こういった形で要望にこたえさせていただきました。

また、更に推敲するために、皆さんの要望・ご意見もお待ちしております。
コメントはたまにSPAMコメント扱いになりますし、見てるか不確実なのでこちらにメールでご連絡いただけますとスムーズです。

E-Mail: kennsu[at]gmail.com
※[at]を@に変えてお送りください

それでは。