SimpleIsm

Visible

Category Link

Application Period

2009/06/20 @ http://simpleism.net/blog/2009/06/visible

Comment

階層構造とclass属性を可視化。

Files

• visible.css

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 01	Table Header Cell 02	Table Header Cell 03
Table Data Cell 01	Table Data Cell 02	Table Data Cell 03
Table Data Cell 04	Table Data Cell 05	Table Data Cell 06

List

• Unordered List 01
• Unordered List 02
• Unordered List 03
  • Unordered List Inside List Level 2
  • Unordered List Inside List Level 2
    • Unordered List Inside List Level 3
    • Unordered List Inside List Level 3

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

A dummy of attribute name "date" of the class element.

<<前の記事

前の記事へのリンク

次の記事>>

次の記事へのリンク