Emmetを使用してダミーテキストを作成する

  • 9
    Like
  • 0
    Comment
More than 1 year has passed since last update.

Emmetもしくはzen-codingを使用していて、ダミーテキストを作成する方法です。

テキスト量によってデザインがどう変わるかを確認するのに便利です。

ダミーテキストを作る

loremを使うとダミーテキストを生成してくれます。

lorem100
HTML
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius facilis in molestiae quod! Aut doloribus est illum iure porro sunt. Eius illo iusto maxime nihil possimus quae tempora voluptas voluptates.

loremの後ろにある数字を変えると出力される文字数が変わります。

組み合わせ

組み合わせたパターンです。

div>lorem10
HTML
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus, nemo?</div>

divタグの中にダミーテキストを作成できました(☝ ՞ਊ ՞)