海外のCSSサイト taste.cloneNode(true)

中断

最終更新
2003-11-16T18:00:32+09:00

StrictなHTMLは珍しくもなくなってきたので、色々な意味で意味がなくなりました。

CSS Vault - Unlocking creativityが、豊富なリンク集を提供してくれています。

frfrFrance

最終更新
2003-02-26T23:12:46+09:00

欧米人のセンスも盗みましょうという企画。堅いことばかり言っていられません。まずはフランスから。

Also take in Europeans sense. First, from France.

<pompage.net - nous pompons pour vous ce qu'il y a de meilleur... (仏語)
Python - XHTML Parser - parseur XHTML (仏語)

Python使い

Transports urbains de Poitiers ; site non-officiel (仏語)
ECOLEFOURS.COM - Le site d'une ecole rurale du sud-Morvan (仏語)

dedeDeutschland

最終更新
2002-08-01T21:13:39+09:00

ドイツはtransitionalが主流らしく、基準を厳しくするとほとんど残りません。テーブルレイアウトを許容すると、一気に数が増えます。

Eine Einfuhrung in (X)HTML, CSS und Webdesign (独語)
EfA | Einfach fur alle (独語)
XHTML1.0 transitional。 <meta name="generator" content="/usr/bin/vi" />
SP Thurgau online (独語)
XHTML1.0 transitional。
LarsKasper.de (独語)
XHTML1.0 strict。完璧なhtmlソース。必要最小限のCSSで装飾し、凝ったCSSはAlternate Stylesheetとして提供しているようです。ある意味理想形。Mozillaで切替を試すことができます。
Publizieren im WWW: Cascading Style Sheets (CSS)デッドリンク@2002-09-24T19:11:51+09:00
ここを挙げたのは、h1の装飾が奇妙だったからです。CSSでなく、widthを100%にした画像を使っています。CSSではこれができないのです。
RoyalTS - without cheese (独語)
XHTML1.0。

途中で調べ方にまずい点があったことに気づいたのでもう一度調べなおします。2001/1/6現在。

itItaria

最終更新
更新はありません

イタリア。

Esempio di file con foglio CSS esterno (it)
HTML4.0 transitional。

イタリアにはがっかりしました。2002/1/6現在。

Holland

最終更新
2003-03-07T14:33:55+09:00

ホランドではありません。オランダ。

cinnamon.nl (nl)
画像満載ですが、これまで見た中で最も洗練されている気がします(画像と色使いとレイアウトが)。全く読めないのでCSSの評価のしようがありませんが。

Web Nouveauより

最終更新
2002-09-01T18:52:35+09:00
  • Web Nouveauデッドリンク@2002-09-24T20:25:41+09:00

ウェブヌーボーと読むこのサイトに、海外のtable-lessサイトが数百紹介されていますので、このサイトからピックアップしてみました。 Web Nouveauへの登録申請は打ち切られてしまいましたが、最終的に800程のサイトがリストされています。

Web Nouveauは閉鎖し、CSS Tableless Web Sitesが引き継いだ模様です。

2002-09-01追加分

配色が良いと思われたサイトをピックアップしてみました。2002年9月現在。

灰色背景

and.doxdesk.com: home (英語) (デッドリンク)
読みやすさは抜群。普通なら無駄なだけに終ってしまう左側のナビゲーション用スペースを、参考画像用に割いている辺りが巧い。
robotix.org (英語)
文章に集中できる配色としては完璧かも。ぼやけた背景画像(暗色)に明るめの灰色を背景色にした本文が浮き上がっているように見える。文字が小さいのが残念。
what-a-fag - welcome (英語)
穏当な配色。左側のナビゲーション部分に白を使っているので、暗い印象になっていない。

その他

stonefishspine (英語)
ワインレッドがサイトイメージカラーで、本文が白、アクセントにライトグレー。黒いボーダーが質感を向上させています。
blog of francois (英語)
B O R D E R L A N D - vita alla periferia dell'impero (英語)
Sasa Kulic - Web Designer and Developer: Lately (英語)

2002-01-18追加分

Tribal Fiber | Natural Fiber Home. (英語)
CSSを使ってるという雰囲気をあまり感じませんでした。
- spiritual-pixel.com2 | journal (英語)
興味深いです。thinkdrastic (英語)に移転。
Glimpsesデッドリンク@2002-09-24T19:12:49+09:00
綺麗なサイト。
Hivelogic - By Dan Benjamin (英語)
フォントがもう少し大きければ隙の無いスタイルだった気がします。しかし日本語じゃこうはいきません。日本語は綺麗なスタイルにするのが難しい……
Wild Tofu (英語) (デッドリンク)
ZYPE: Graphical User Interface Design (英語)
とりあえず一押し。ニ階層完結型サイトなら見習うべきところが沢山あります。但し匿名要素によるインチキ多し。

英語圏

最終更新
2003-03-07T14:10:53+09:00
Holovaty.com (英語)
XHTML 1.0 Transitional。論理的な構成になっており、それを視覚的に表現するとこのようなデザインも良いのかもしれません。このように縦に三分割したレイアウトは極めて多いですが、大抵ただの猿真似です。しかしこのサイトは違います。
clagnut (英語)
XHTML 1.0 Transitional。私の日々のネタ仕入れ元でもあるこのサイトは、関連の薄い構成要素で満載です。しかし質感のあるボーダーの表現方法は参考になるかもしれません。

enenThanks

最終更新
更新はありません
Pascale Lambert-Charreteur
For telling useful site Web Nouveau.

Powered by Google + fub + Opera6 + UserStyleSheet for Readings + UserJavascript