CSS Zen Garden Book

CSS Zen Garden Book Dave Shea, Molly E. Holzschlag［著］
森本眞吾［訳］
株式会社ミツエーリンクス（木達一仁）［監修］
ISBN4-8399-1796-5

リンク集

原著出版社（Peachpit社）のサイト
http://www.peachpit.com/bookstore/product.asp?isbn=0321303474
日本語版監修者（株式会社ミツエーリンクス、木達一仁）のサイト
http://www.mitsue.co.jp/

本書で解説した36デザインの一覧

http://www.mezzoblue.com/zengarden/book/links/

本書に掲載されているURLの一覧

Chapter Title P# Description URL
まえがき   8 MOLLYのWebサイト http://molly.com
      DAVEのWebサイト http://mezzoblue.com/
Introduction   12 CSS Zen Garden http://www.csszengarden.com
Chapter1   21 Web Standards Project http://www.webstandards.org
    21 「What is a "web Standard?"」 http://www.webstandards.org/2004/10/26/what-is-a-web-standard/
    22 Daily CSS Fun http://www.placenamehere.com/neuralustmirror/200202
    22 Daily CSS Fun http://www.placenamehere.com/neuralustmirror/200202fun.php?sheet=17
    22 Zeldmanによる「売りこまず、示そう」の記事（「The Daily Report」） http://www.zeldman.com/daily/0802c.html#Evangeline
    23 Zen Gardenの最初のURL http://www.mezzoblue.com
    28 「Developing with Web Standards」 http://www.456bereastreet.com/dwws
    28 「Fix Your Site with the Right DOCTYPE」 http://www.alistapart.com/http://www.alistapart.com/articles/doctype
    29 「HTML4.01/XHTML1.0 Reference」 http://www.w3schools.com/tags/default.asp
    33 Joel Spolsky による文字エンコーディングについての記事（「The Absolute Minimum Every Software Developer Absolutely, Positively Must Know About Unicode and Character Sets） http://www.joelonsoftware.com/articles/Unicode.html
    33 「Flash of Unstyled Content」（FOUC） http://www.bluerobot.com/web/css/fouc.asp
    33 「Tricking Browsers and Hiding Styles」 http://www.ericmeyeroncss.com/bonus/trick-hide.html
    34 「[css-d] CSS signatures」 http://archivist.incutio.com/viewlist/ css-discuss/13291
    35 「The Trouble with EM ‘nEN （and Other Shady Characters）」 http://www.alistapart.com/articles/emen
    36 「Submission Guidelines」 http://www.mezzoblue.com/zengarden/submit/guidelines
    37 Bobby http://webxact.watchfire.com
    38 「Using Accesskeys? Is it worth it?」 http://www.wats.ca/show.php?contentid=32
    39 「3d CSS Zen Garden 」 http://www.stuffandnonsense.co.uk/archives/ 3d_css_zen_garden. html
    40 「5 Selectors」 http://www.w3c.org/TR/CSS21/selector.html
    40 「Selectors」 http://www.w3c.org/TR/css3-selectors
    40 「SelectORacle」 http://gallery.theopalgroup.com/selectoracle
    42 「Validate Your Markup」 http://validator.w3.org
    43 SPN.com開発者のインタビュー http://www.mikeindustries.com/blog/archive/2003/06/espn-interview
    44 「Web Content Accessibility Guidelines」(WCAG) http://www.w3.org/TR/WAI-WEBCONTENT
    45 Bobby http://webxact.watchfire.com
    45 Cynthia Says http://www.cynthiasays.com
    45 WebAIM's Wave http://wave.webaim.org/
    46 DOCTYPEについての記事（A List Apart） http://www.alistapart.com/articles/doctype
    48 Zen Gardenの各国語翻訳 http://www.mezzoblue.com/zengarden/translations
    48 Zen Gardenの日本語訳 www.csszengarden.com/tr/japanese/
    50 Creative Commons http://creativecommons.org/licenses/by-ncsa/2.0
    50 Creative Commonsの日本語訳 http://creativecommons.org/licenses/by-nc-sa/2.0/deed.ja
    51 Webで起きている盗用についてのサイト http://pirated-sites.com
    52 JavaScript Zen Garden http://www.csszengarden.com/javascript/
    52 JavaScript Zen Gardenの賛否について http://www.mezzoblue.com/archives/ 2004/ 05/ 04/javascript_b
    52 Wired News http://www.wired.com
    52 Chevrolet http://www.chevrolet.com
Chapter2 Atlantis 60 Complexspiral http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html
  Springtime 71 Colorcom http://www.colorcom.com
    71 Causes of Color http://webexhibits.org/causesofcolor
    73 システムカラーについて（CSS 2.1） http://www.w3.org/TR/CSS21/ui.html#system-colors
  viridity 79 「Don't rely on color alone」（WCAG) http://www.w3.org/TR/WCAG10/#gl-color
    79 Colorblind Web Page Filter http://colorfilter.wickline.org
  Ballade 83 FOUC http://www.bluerobot.com/web/css/fouc.asp
    84 Web Developer拡張機能 http://chrispederick.com/work/firefox/webdeveloper
    84 Web Developer拡張機能(日本語版） http://www.infoaxia.com/tools/webdeveloper/download.html
  Night Drive 90 マージンの相殺について（CSS 2.1） http://www.w3.org/TR/CSS21/box.html#collapsing-margins
Chapter3 Backyard 95 CSSテーブルについて http://www.w3.org/TR/CSS21/tables.html
    97 マージンのバグについて（「Position is Everything」） http://www.positioniseverything.net/explorer/doubled-margin.html
    99 マイナスマージンについてのRyan Brillのデモ http://www.alistapart.com/articles/negativemargins
  Entomology 102 「Doctype switching and standards compliance:An overview」 http://gutfeldt.ch/matthias/articles/doctypeswitch.html
  White Lily 110 Boxes and Arrows http://www.boxesandarrows.com
  CS(S) Monk 122 「10 Visual formatting model details」 http://www.w3.org/TR/REC-CSS2/visudet.html#containing-block-details
  Not So Minimal 124 「Not So Minimal」のオリジナル・デザイン http://www.superfluousbanter.org/projects/zengarden/grazay/zengarden-grazay.html
    125 Drupa http://www.drupal.org
    125 Mambo http://www.mamboserver.com
    126 「Containing Floats」 http://www.complexspiral.com/publications/containingfloats
    126 「How to Clear Floats Without Structural Markup」 http://www.positioniseverything.net/easyclearing.html
    129 「Absolute Clearance」 http://www.shauninman.com/plete/2004/07/absolute-clearance
Chapter4 Japanese Garden 136 「PNG Behavior」 http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html
    136 「Cross-Browser Variable Opacity with PNG: A Real Solution」 http://www.alistapart.com/articles/pngopacity
  Revolution 140 Douglas Bowmanによる画像置換テクニック（「Stopdesign」） http://www.stopdesign.com/articles/replace_text/
    141 「In Defense of Fahrner Image Replacement」 http://www.digital-web.com/articles/in_defense_of_fahrner_image_replacement
    141 「Facts and Opinion About Fahrner Image Replacement」 http://www.alistapart.com/articles/fir
    141 画像置換のバリエーションの動向について（Dave Shea） http://www.mezzoblue.com/tests/revisedimage-replacement
  No Frontiers 154 「Sliding Doors of CSS」 http://www.alistapart.com/articles/slidingdoors
    154 「Sliding Doors of CSS, PartII」 http://www.alistapart.com/articles/slidingdoors2
    155 「CSS Design: Creating Custom Corners & Borders」 http://www.alistapart.com/articles/customcorners
  Coastal Breeze 159 Aquent http://www.aquent.com/
    160 iStockphoto http://www.istockphoto.com
    160 stock.xchng http://www.sxc.hu
    160 Creative Commons http://creativecommons.org/licenses/by-ncsa/2.0
    160 Creative Commonsの日本語訳 http://creativecommons.org/licenses/by-nc-sa/2.0/deed.ja
    161 Creative Commons の検索ツール http://search.creativecommons.org/
    161 米国著作権局のWebサイト http://www.copyright.gov
    161 カナダの著作権法Webサイト http://laws.justice.gc.ca/en/C-4
    161 英国特許庁の著作権ページ http://www.patent.gov.uk/copy
    161 日本の著作権のページ http://law.e-gov.go.jp/htmldata/S45/S45HO048.html
  What Lies Beneath 163 OpenVRMLについて http://www.openvrml.org
    163 QuickTime VRについて http://www.apple.com/jp/quicktime/technologies/qtvr/
    163 Web3D Consortium http://www.web3d.org
Chapter5 Oceans Apart 173 Webで使うフォントについて（セリフ対VSサンセリフ体） http://www.digital-web.com/news/2004/06/serif_vs_sanserif
  si6 177 Microsoftのソフトウェアに付属しているフォントリスト http://www.microsoft.com/typography/fonts/default.aspx
    177 「Code Style Font Sampler」 http://www.codestyle.org/css/font-family
    178 MicrosoftのコアWebフォントのダウンロード http://corefonts.sourceforge.net
  Release One 184 px単位はどうして絶対単位か（CSS 2） http://www.w3.org/TR/REC-CSS2/syndata.
html#length-units
    185 「Text Sizing」 http://thenoodleincident.com/tutorials/box_lesson/font/index.html
    186 「Sane CSS Sizes 」（Owen Briggs） http://www.thenoodleincident.com/ tutorials/ typography/index.html
    186 「MaxDesign」 http://www.maxdesign.com.au/presentation/relative
    186 「css-discuss」 http://css-discuss.incutio.com/?page=FontSize
    186 Dive Into Accessibility http://diveintoaccessibility.org/day_26_using_relative_font_sizes.html
    186 Dive Into Accessibility（日本語訳） http://www.fliedlice.com/dive/day_26.html
    187 「Box Model Hack」 http://tantek.com/CSS/Examples/boxmodelhack.html
    187 「Alternative Style:Working with Alternate Style Sheets」 http://www.alistapart.com/articles/alternate
  Blood Lust 197 「15 Fonts」 http://www.w3.org/TR/REC-CSS2/fonts.html#fontstyling
  Golden Mean 201 Adobe Creative Suites 2について http://www.adobe.com/ products/creativesuite/main.html
    201 Adobe Creative Suites 2について（日本語訳） http://www.adobe.com/jp/products/creativesuite/
    202 Morpheusのダウンロードページ http://dafont.com/font.php?file=morpheus
    203 「Type: the Extra Mile」 http://www.mezzoblue.com/archives/2004/01/18/type_the_ext
    203 「Web Page Design for Design」 http://www.wpdfd.com/wpdtypo3.htm
    205 「Identifont」 http://www.identifont.com
    205 「MyFonts」 http://www.myfonts.com
    205 「Adobe Type Library」 http://store.adobe.com/type
    205 「Website Tips」 http://www.websitetips.com/fonts
Chapter6 This is Cereal 209 「Assigning property values, Cascading, and Inheritance」 http://www.w3.org/TR/REC-CSS2/cascade.html
  Gemination 215 「MOSe」について http://www.mezzoblue.com/archives/2003/06/25/mose
    216 CSSセレクタについて（「SelectORacle」） http://gallery.theopalgroup.com/selectoracle
    217 「MOSe」について http://www.mezzoblue.com/archives/2003/06/25/mose
    218 ボックスモデルについて http://www.w3.org/TR/REC-CSS2/box.html
  Tulipe 226 CSS/ Edge（CSSドロップダウンメニュー） http://www.meyerweb.com/eric/css/edge/menus/demo.html
    231 Dean EdwardsのInternet Explorer 7プロジェクト http://dean.edwards.name/IE7/
    231 whatever:hoverテクニックについて http://www.xs4all.nl/~peterned/csshover.html
  door to my garden 237 Web Developer拡張機能 http://chrispederick.com/work/firefox/webdeveloper
    237 Web Developer拡張機能(日本語版） http://www.infoaxia.com/tools/webdeveloper/download.html
  Elastic Lawn 239 可変幅レイアウトに対するソリューション（Cameron Adams） http://www.themaninblue.com/experiment/ResolutionLayout/
    240 「Digital Web Magazine」 http://www.digital-web.com
    240 「Elastic Design」 http://www.alistapart.com/articles/elastic
    242 Haiko Hebig's weblog http://www.hebig.org
    243 max-widthの解決策（Svend Tofte） http://www.svendtofte.com/code/max_width_in_ie
Chapter7 South of the Border 263 「Making the Absolute, Relative」 http://www.stopdesign.com/articles/absolute
  Open Window 274 ボックスモデルハックについて http://tantek.com/CSS/Examples/boxmodelhack.html
    275 CSS3のメディアクエリについて http://www.virtuelvis.com/archives/145.html
  mnemonic 276 mnemonicのCSSファイル http://www.csszengarden.com/025/025-comments.css
Closing Thoughts   282 CSS Crib Sheet http://www.mezzoblue.com/css/cribsheet
    283 CSS のバリデーションソフト http://validator.w3.org
    283 CSS のバリデーションソフト http://jigsaw.w3.org/css-validator
    283 Complex Spiral Consulting http://www.complexspiral.com/publications/containing-floats
    283 マージンのエラーについて（Andy Budd） http://www.andybudd.com/archives/ 2003/ 11/no_margin_for_error
    284 「Flash of Unstyled Content 」（FOUC） http://www.bluerobot.com/web/css/fouc.asp
    284 「min-height: fixed 」 http://mezzoblue.com/archives/ 2004/ 09/ 16/minheight_fi
    286 アンカーを使用する際の注意点 http://www.dbaron.org/css/ 1999/ 09/links
    287 「Position Is Everything」 http://www.positioniseverything.net
    287 3ピクセルバグについて http://www.communitymx.com/content/article.cfm?cid=C 37E 0
    287 W3C 仕様の日本語訳 http://www.w3.org/2005/11/Translations/Lists/ListLang-ja.html
    287 「CSS Discuss」 http://www.css-discuss.org
    287 「CSS at MaxDesign」 http://css.maxdesign.com.au
    288 「CSS/Web Standards Links」 http://www.andybudd.com/links/cssweb_standards
    288 「Holy CSS Zeldman!」 http://www.dezwozhere.com/links.html
    288 「Position Is Everything」 http://www.positioniseverything.net
    288 「A List Apart」 http://www.alistapart.com
    288 「Digital Web Magazine」 http://www.digital-web.com
    288 「Web Standards Project Buzz」 http://www.webstandards.org/buzz
あとがき   295 「CSS Zen Ocean」 http://csszengarden.com/?cssfile=http://www.csspraxis.de/cssocean/zenocean.css
    295 「Wiggles the Wonderworm」 http://www.csszengarden.com/?cssfile= 099/ 099.css

Topに戻る

Web Designing Booksのサポートページに戻る