28
15

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Last updated at Posted at 2014-11-08

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タグの中にダミーテキストを作成できました(☝ ՞ਊ ՞)

28
15
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
28
15

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?