SimpleIsm

Visible

Category Link

Application Period
2009/06/20 @ http://simpleism.net/blog/2009/06/visible
Comment
階層構造とclass属性を可視化。

Files

Example of Applying Style

Heading

Level 04 Heading

Level 05 Heading
Level 06 Heading

Paragraph

上記の見出しですが、レベル4, 5, 6は使わないので、CSSで特に指定はしていません。

A Element

The A Element

Visited Links

DEL Element

The DEL Element

INS Element

The INS Element

ABBR Element

The ABBR Element

EM Element

The EM Element

STRONG Element

The STRONG Element

RUBY Element

新幹線(しんかんせん)

Preformatted Text

あかさたなはまやらわ
ABCDEFGHIJKLMNOPQLSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

Code

body{background-color: transparent;}
if(User's 1em scale < 16px) {
   User's 1em scale + (16px - User's 1em scale);
}
else if(User's 1em scale > 16px) {
   User's 1em scale - (User's 1em scale - 16px);
}

Quotation

SimpleIsmは、いわゆる日記サイトだそうです。

コンセプトは「舞台裏は乱雑に 見えるところはシンプルに」。デザインはいろいろなサイトをリスペクトしているので、いろいろなサイトに似ています。

Table

Table Header Cell 01Table Header Cell 02Table Header Cell 03
Table Data Cell 01Table Data Cell 02Table Data Cell 03
Table Data Cell 04Table Data Cell 05Table Data Cell 06

List

  1. Ordered List 01
  2. Ordered List 02
  3. Ordered List 03
    1. Ordered List Inside List Level 2
    2. Ordered List Inside List Level 2
      1. Ordered List Inside List Level 3
      2. Ordered List Inside List Level 3
Description List Title 01
Description List Description 01
Description List Title 02
Description List Description 02
Description List Description 03
200X/XX/XX(Day) 00:00
<<前の記事
前の記事へのリンク
次の記事>>
次の記事へのリンク

Category

Archives