コーディング参考サイト

2010.10.18crossnodeHTML


日頃お世話になっているサイトの中から、コーディング時に参考にしているHTMLとCSS関連サイトをピックアップしました。
みなさんそれぞれにチェックしているサイトがあると思いますが参考までに。

Another HTML-lint gateway

(X)HTMLの文法をチェックして100点満点で採点してくれます。減点法なのでエラーが多いとマイナスになることもあります。
エラーに対しては「ここはこうしなきゃダメだよ」という説明が表示されるので、修正方法が分かって便利です。

W3C Markup Validator

(X)HTMLがW3C勧告に準拠しているかチェックしてくれます。JSとかを絡めてあれこれ組んだりするとソースが乱れてきてはねられたりするんですよね。ソースが美しいとエラーも減るし、常に美しい実装ができるように日々精進です。。。

CSS Validation Service

CSSのW3C準拠チェックもちゃんと用意されていますよ。ブラウザ互換のためにCSSハックするとチェック通らなかったり、でもハックしないと崩れたりするのでジレンマですよね。なるべくハックせずに組めるようにCSSを使いこなしたいものですね。

とほほのWWW入門

誰もが一度は訪れるであろう老舗中の老舗サイト。私がコーディングをはじめた頃はブラウザのホームページにしようかと思うくらい常に開いていました。
リファレンスページはアルファベット順にタグがずらりと一望できるので、たまに眺めて見慣れないタグの説明を読んだりすると新たな発見があったりして楽しいですよ。

HTMLクイックリファレンス

タグをアルファベット順/目的別に探せて見やすいサイトです。HTML5やCSS3のリファレンスまであって勉強になります。
各タグの対応ブラウザも最新バージョンまで随時チェックされているので助かります。

HTMLタグボード

HTMLとCSSのリファレンスに応用Tipsも併記されています。ワンポイントアドバイスや関連情報なども合わせて読むとさらに理解が深まります。概念の話やユーザビリティ、SEOなど、多彩な話題を掘り下げたページも充実しているので読み物としてもおすすめです。

CSS Lecture

小技や大技、ブラウザ互換のハックも詳しく書かれています。
(X)HTMLやJSの記事も豊富ですが、私は主にハックをはじめCSS関連でお世話になりました。

web bibo

CSSでやりたいことが実装できなくて困った時に覗いてみるとちょうど解法が見つかったりします。
解説にしっかりIE6対策も含められているので安心です。

コリス

著名な技術ブログです。コリスさんは有名ですね。
コーディングのみならずデザインの話題もあるので、デザインも手がける人にはおいしいサイトです。

webクリエイターボックス

TipsだけでなくWEB全般のさまざまな話題が扱われているので、チェックしていると思わぬ発見があったりして良き情報源になると思います。こぼれ話的な話題もあったりでWEB業界に入って日が浅い人にはうれしい記事もあります。

コメントを残す


ページトップへ