トップページの中の サイト説明

サイト説明

  • 最終更新:2010年1月19日 21:38

当サイト「CSS HappyLife ZERO」は、主にCSS初心者・中級者の方を対象にした、CSSに関する総合的な情報サイトです。
なお、ここで言う初心者とは、CSSに関してを指しておりますので、ウェブサイトを一度も作成した事が無い方や基本的な用語が分からない方は含まれておりません。また、(X)HTMLに関しても有る程度理解されている事を前提に書いています。

初・中級者の方が対象とは言え、運営者であるhirasawaは、digiperっていう制作会社で3年ほどプロとしてコーディングをし、現在もフリーランスとしてコーディングをしているので、今までに得たノウハウなどを活かし、プロの制作現場や上級者の方でも役に立てるサイトを目指しています。

プロパティとセレクタのリファレンスはCSS2.1の仕様書をベースに解説し、出来る限り正しい知識を身に付けられるように書いています。
また、実践的な内容のレイアウト講座や覚えておくと便利なTipsやコラム等々、ボクなりに盛れる限り盛り込んで書いています。
全体を通して、ミスが無いよう出来るだけチェックしているつもりですが、間違いなどを見付けた際には、ご連絡いただけると幸いです。

コンテンツとは違いますが、このサイト自体も色々見て楽しめるように、CSS3を使ってみたり、なんやかんやと遊んでますんで色んなブラウザで見比べたりしてもらえると嬉しいです。

後、「カンパする!」なんてボタンが付いているので念のため書いておきますが、当サイトの情報は全て無料です。
あくまでも当サイトで情報を得て、カンパしても良いと思った方がしてくれれば良いので、何を強制するでも有りません。

また、カンパの有無による情報の差は一切有りません。
してくれた方には大変申し訳ないですが、その点ご了承いただければと思います。

サンプルなどのXHTML及びCSSの仕様

当サイトのサンプルやテンプレート、解説では以下の仕様を基本として記載しています。

  • XML宣言はしていません。
  • DTDは「XHTML 1.0 Transitional」を採用しています。
  • 文字コードは「utf-8」です。

サンプルなどの対象ブラウザ

当サイトのサンプルやテンプレート、解説では以下のブラウザを対象に記載しています。

  • Internet Explorer 6, 7, 8
  • Firefox 3.5
  • Safari 4
  • Chrome 3
  • Opera 10

Internet Explorer 5.xに関してはサポートも終了していることから対象ブラウザから外しています。またInternet Explorer 6は標準モードと互換モードでボックスモデルの解釈などレンダリングが大きく変わりますが当サイトでは標準モードを前提に書いています。(バグ関連などで一部互換モードに関して扱うことはあります)

サンプルのブラウザ上の表示に関して

別ページで表示されるサンプルは、完全に独立しているので当サイトのスタイルが当たってしまう事は有りませんが、解説や説明ページにあるサンプルに関しては当サイトのスタイルが当たっている場合も有り、実際の表示とは違う場合も有りますのでご留意ください。(背景がブラウザになってる部分)

当サイトへのリンクは、どのページでもご自由にして下さい。報告等も特に必要ありません(報告してもらえると嬉しいってのは有りますけど)。

また、どのコンテンツも出来る限りURLは変更しないよう頑張りますが、ブラウザバグなんかはコンテンツの存続自体が危ういので消えてても怒らないでください。

リンク用のバナー

使われるか分かりませんけど、一応バナーも用意しました。
バナーを使ってリンクして頂ける場合、下記バナーからお好きなのをダウンロードしてお使い下さい。

CSS HappyLife ZEROのバナー 80×15px   CSS HappyLife ZEROのバナー 88×31px   CSS HappyLife ZEROのバナー 200×40px

サイト名が変わったり不明にならなければ、線の色とかの調整はご自由にしていただいて問題ありません。

このサイトを作ろうと思った理由

2009年になった頃に、ボクには何ができるんだろう?って考えてました。
その時に、今自信を持って出来るって言える事は結局コーディングくらいで、そしたらソレを形にしておきたいなーって。
リファレンスサイトはいくらでもあるし、Tipsサイトもいくらでも有るんだけど、ボクだったらこんな感じに作るってのを形にしてみたかったんです。
まー基本、自己満足サイトに変わり有りません(笑

こういうサイトを作るにあたって、CSS HappyLifeを使う事も考えたけど、構造的限界を感じていたのと思いっきり変更するには難しい部分も有ったりして、動きが鈍くなるので新しく作った感じです。

願い

思った以上にちゃんとコーディング出来る人って、少ないのが現状です。
まぁ制作会社において、コーダーの位置付けはあまり高くないトコロが多いので、あまり人気が無いのかも知れません・・・うぅ。

単純にデザインを再現出来る人ならいくらでも居ますが、(X)HTMLへの理解やCSSも、その書き方次第で後のメンテナンス性などが大きく変わってきます。
なので、これからプロを目指そうといった方、今目指している方が一人でも多く、ちゃんとコーディング出来るようになってもらえればとの願いが有ります。
また、デザイナーやディレクターの方も、コーディングが出来なくとも、CSSって何が出来て、何が出来ないか、得意な事、不得意な事などを理解して頂くと、よりウェブサイト制作が円滑に進むと思います。

ところで、なんで「ZERO」なの?

ぇ、ここまで真面目に書いてたのに、、、
いや、べ、、、別にACE COMBAT ZEROのZEROがかっこいいなぁなんて思ってませんよ!
どっちかというとB'zのZEROのが好きです。
ヘッダーとかが青いのだって、ACE COMBAT 04が好きだったとかそんなの関係有りませんし!!

このサイトで色んな事を学んでもらって、他のサイトでさらなる情報を得る。だけど基本に戻りたい時やちょっと調べたい時には、またここに戻ってきてくれる。そんな願いや意味が込められててZEROなんです!

それでも色々悩んで、HappyLifeの名を残すか残さないかとか色々あったんす。
何気にcss-zeroってドメインは取れたりしたから短くて良いなとか、もっと全然別のサイト名にしようかとか色々!

ちなみに、設定上はCSS HappyLifeより前に有ったサイトで、CSS HappyLifeのネタはZEROから仕入れていたって事になってるんです。
今までは明るみに出てこなかったけど、今回ZEROが明るみに出る事でHappyLifeを超えるサイトである事を示すのです。えぇ。

こんなバカっぽいくだらない設定があってすみません。

まぁ・・・今ではすっかりやらなくなってしまったとはいえ、ゲーム好きな人がフィーリングで思いついたサイト名なんてこんなモンっす。

このページの上部へ