[CSS]わずか1KBのスタイルシートでもここまで美しいレイアウトができる -CSS1K

以前、流行った「CSS Zen Garden」の「JS1K」版といった感じの、1KB(1024文字分)のスタイルシートだけで美しいレイアウトを数多くのデベロッパーが作り、登録できるサイトを紹介します。

サイトのキャプチャ

CSS1K

[ad#ad-2]

CSS1Kのルールは、同じHTMLに1KB(1024bytes)のスタイルシートを使ってレイアウトを施す、という簡単なものです。
現在、30ちょいの作品が登録されており、1KBでもバラエティ豊かなレイアウトが揃っています。下記に、その中からいくつか紹介します。

サイトのキャプチャ

Bubbles

サイトのキャプチャ

Stripe

サイトのキャプチャ

Facetime

サイトのキャプチャ

boxes

サイトのキャプチャ

In Rainbows

サイトのキャプチャ

Notepad

サイトのキャプチャ

Sourcy

サイトのキャプチャ

Grey Matter

サイトのキャプチャ

Moonlight

サイトのキャプチャ

Swiss

[ad#ad-2]

CSS1Kの参加規約は下記のようになっています。

  1. 提出するのはCSSのみです。
  2. CSSファイルの容量は1K(1024bytes)以下です。
  3. ベンダープレフィックスは必要ありません。
    登録時にCSS1K側で必要なプレフィックスを加えます。
  4. 画像やフォントなど、外部リソースの使用は禁止です。
  5. あらゆるブラウザで同じように見える必要はありません。
  6. 提出されたコードは「MIT License」の下で認可されます。

CSS1Kの参加、HTMLファイルの入手は、下記ページからどうぞ。

sponsors

top of page

©2018 coliss