CSS - 『Design Note』-
Amebaでブログを始めよう!

きちんと 「CSS」

きちんと「CSS」を目指して、webデザインに役立つ情報を書きためて行きたいと思っております。


アウトプットすることによって、情報が身につき・情報が増えて行くんだなーと感じる今日この頃なのです

ひとまず、お役立ちサイトを書き込んでみました。↓

--------------------------------------------------------

●お役立ちcss関連リンク集

--------------------------------------------------------

>> Web browser CSS support

http://www.webdevout.net/browser-support-css

IE7含む、最新ブラウザのcssサポート状況が確認できます。(英語版)

--------------------------------------------------------

>> CSS-only Filters Summary

http://www.communis.co.uk/dithered/css_filters/css_only/index.html

CSSハックのブラウザ別一覧表。どうしてもハックしなければならない時の参考に。(英語)

--------------------------------------------------------

>> W3C CSS検証サービス

http://jigsaw.w3.org/css-validator/

これは、おなじみですね書き上げたcssはこれでチェックしましょう。

--------------------------------------------------------

>> Clean CSS

http://www.cleancss.com/

cssファイル最適化ツール。プロパティを短くしたり、余計な要素を省いてくれたりの機能があり

オンライン上のcssも最適化できます。

--------------------------------------------------------

>> CSS Grid Calculator

http://www.gwhite.us/downloads/css_grid_calc.html

レイアウト検討用に使えるFlashアプリ。作ったレイアウトのCSSを書き出してくれます。

--------------------------------------------------------

>> Typetester

http://typetester.maratz.com/

文字の見た目や大きさを比べるのに便利なツール。英文だけでなく日本語フォントも指定できるので

かなり実用性は高いです。

--------------------------------------------------------


▼最近購入したおすすめ本

Web標準に沿ったWebページを作るには、どうすればいいのか、ということをはっきりと示してくれ

文書構造の大切さを改めて学べました。かなりおすすめです 。
これからDreamweaverをはじめたい、という初心者よりも、今までDreamweaverを使ってきてきた人にこそ読んでほしい一冊だと思います。

Rachel Andrew, 吉川 典秀, アンカーテクノロジー
Dreamweaver 8 Web標準デザイン詳解ガイド —Dreamweaver8によるCSSレイアウト+アクセシビリティ実装テクニック