このサイトについて

CSS着せ替えテンプレートプロジェクトは『htmlファイルには一切手を加えず、CSSファイルと画像を変更することでデザインをチェンジする』ことのできるhtmlテンプレートを作ろうという試みです。最終的には、複数のテンプレート配布サイトが同じhtmlを基にCSSを描いていくことで、多くのデザインを服を着せ替えるようにチェンジできるようにできれば、と考えております。基本的な構想は、zen gardenの影響を強く受けています。

このサイトでは、着せ替えテンプレートの基礎htmlを配布しています。CSS、および伴う画像は、企画に協賛した各配布サイトから、ユーザーが個々にダウンロードしてください。

履歴やお知らせ

2016年9月3日

CSS配布>ベースCSSにFlexboxを使ったレイアウトを追加しました。

2016年4月3日

基礎HTMLに<meta http-equiv="X-UA-Compatible">と最初はコメントアウトしてありますが<meta name="viewport">の記述を追加しました。今後制作者におかれましてはこれらの記述が追加されたことをご留意ください。

またstyle.cssから全称セレクタを削除し、オプション的にいくつかの指定を追加しました。

2013年5月19日

CSS配布>ベースCSSの3カラムに新たなレイアウトを増やしました。

2013年4月19日

CSS配布>ベースCSSの3カラム・etc.に新たなレイアウトを増やしました。

2013年4月16日

CSS配布>ベースCSSの2カラムに新たなレイアウトを増やしました。

2013年1月11日

CDPも7周年を迎えることになります。といってなにをするわけでもありませんが、今年もよろしくお願いします。

2008年～2012年

過去の履歴

2008年2月24日

サーバ移転およびURL変更、管理人変更。

前管理人のワコさんから新たに希が管理を引き継ぎました。リンクをはってくださっている方は、お手数をおかけしますが変更をお願いします。

2006年5月1日

基礎礎html配布開始

2006年2月18日

一企画より独立

企画提案者の言葉

言い訳と思われるかも知れませんが、記述しておきます。このテンプレートは完璧なw3cの文法では記述されていません。わたしたちはweb制作になれていないユーザーが、できるだけ使いやすいように、シンプルな構造のテンプレートを目指しました。複雑なものや初心者では理解しがたいと思われるものは出来るだけ削り、本当に必要なものだけを残しました。しかし同時にCSS制作者が意図したデザインを作り出しやすいように、いくつかの、文法的には邪魔とも言える記述がなされています。これはとても矛盾しており、あまり良いことではないかも知れません。しかしわたしたちが目指しているのは、あまり知識のないユーザーでも素敵なデザインを利用できるようにすることと、このテンプレートを使用することによって「web制作って面白い！」と少しでも感じていただくことです。100点の文法で記述することを、わたしたちはユーザーに求めていません。間違いは成功の母、ミスから学ぶことはたくさんあります。今までweb制作などまったくできず、見ているだけだった人が、少しでも興味を示してくれればいいのです

わたしたちは、例えるなら母親です。料理初心者の娘に料理を教える時、難しい料理からは取りかかりません。まずは簡単に、混ぜて焼くだけのホットケーキミックスなどを使用し、料理の楽しさや、『あなたでもおいしいお菓子が作ることが出来るのだ』と教えるでしょう。このテンプレートも同じで、わたしたちはユーザーに、『あなたでもサイトがつくれるのだ、素敵なデザインが使用できるのだ』ということを伝えたいのです。料理に興味を持った娘が次第にクッキーやケーキなどの難しい料理に自ら挑戦していくように、ユーザーもweb制作に興味を持てば己で学習していくでしょう。わたしたちは、web制作の第一歩の手助けをしたいのです。ですからこのテンプレートを使い、完璧なものを作り上げることを求めてはいません。web制作の楽しさが少しでも伝わればいいのです。そのためにできるだけ記述をシンプルにし、しかしwebデザインの楽しさを知っていただくためにも、CSSデザインがしやすいような記述が多くなされています。

このテンプレートは有識者の方から見れば、あまり良くないものだと思います。しかしそのような考えのもと作成されたのだということを、ご理解いただければ幸いです。

• 註) 配布している基礎HTMLはW3C準拠でValidで、仕様を理解し従うよう指示しています。

リンクについて

当企画の内容を気に入っていただけたのなら、あなたのサイトから自由にリンクをはってください。

バナーも用意してあります。保存してご利用ください。

• CSS着せ替えテンプレートプロジェクト（CSStemplate project）
• http://css-designplate.info/
• バナー
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
• ソースサンプル