参考にしたいサイト - 博学Cafe-HPつくろうWiki

参考にしたいサイト

とりあえずいろいろぶち込んでみましょう。
載せときゃ役に立つかもしれないさ～。

---

---

HTML

Webの基礎。
文書構造を定義する。

Another HTML-lint gateway

HTMLを採点し、まずいところを指摘してくれる。
HTML5には未対応なので注意。
→http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html

The W3C Markup Validation Service

Another HTML-lint gatewayと同様に、HTMLを採点してくれる。
こっちはHTML5も対応。
W3Cのお墨付き。
→http://validator.w3.org/

HTML5への理解を5分で深めるスライド -HTML5マークアップの心得と作法 | コリス

正しいタグの使い方を教えてくれる。
わかりやすい！
→http://coliss.com/articles/build-websites/operation/work/slide-html5-by-futomi.html

CSS

<font>タグなんかに代わり、デザインを定義する。
CSSを差し替えればページの見た目を一新することも！
よりリッチに表現するための仕様が増えているようです。

W3C CSS Validation Service

CSSのチェック。
W3Cのお墨付き。
→http://jigsaw.w3.org/css-validator/

LESSCSS

CSSを動的に（変数などを使って）記述できるようにするライブラリ。
これから来る！そうです。
→http://lesscss.org/

Bootstrap, from Twitter

Twitterのようなデザインを実現するためのCSS、らしい。
→http://twitter.github.com/bootstrap/

JavaScript

一昔前は「ウザいサイト」構築の代名詞だったようなものが、今となってはWebの基幹技術に返り咲き。
標準のパワーを生かして、いいサイト構築を！

Google JavaScript Style Guide 和訳

Googleがまとめた、JavaScriptにおけるすべきこと、すべきでないこと集。
理由も示されているので納得しやすい。
日本人にうれしい和訳。
→http://cou929.nu/data/google_javascript_style_guide/

ちなみに原典はこちら。
→http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml

Ajax時代のJavaScriptプログラミング再入門

割とイマドキのJavaScript文法解説みたい。
しっかりとしたプログラミング言語としてのJavaScript。
→http://www.atmarkit.co.jp/fdotnet/ajaxjs/index/

jQuery

普通に書くと面倒なことが簡単に書けちゃう（らしい）魔法のライブラリ。
各種企業のサイトでも脅威の採用率。

公式

jQuery公式サイト。
何気にチュートリアルなどもあり。
現在(2011/8/09)の最新バージョンは1.6.2。
→http://jquery.com/

jQueryプラグイン

ツールなど

いろんなツールを便利に使おう。

YUI Compressor

Yahoo!謹製のJavaScript/CSSの圧縮ツール。
スペースの削除やコメント除去、はたまた識別子の置換まで行って、ファイルサイズを小さくしてくれる。
開発はわかりやすい変数名、理解を助けるコメントを使うようにして、リリース前に適用するといいかも。
→http://developer.yahoo.com/yui/compressor/