in Our Authors, Tips

Lorem Ipsum with Emmet for your Code Editor

If you’re using Emmet (Zen Coding) in your code editor, like Sublime Text, did you know that there is a great support for placeholder Lorem Ipsum text?

Type lorem and press TAB and you will see one paragraph of Lorem ipsum text. Thats great. But whats so awesome is that you can type out the number of the words with it so that you can get bigger or smaller placeholder text.

Try:

lorem80

And press TAB!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis necessitatibus maxime, nisi amet similique assumenda esse quo odio dicta et ducimus dolore atque optio recusandae sapiente inventore, repellendus voluptatibus molestiae impedit iste nesciunt eos provident nemo. Consequatur quae, minima maxime suscipit iusto, nam repellat odio placeat, velit id aspernatur rem amet magni, quasi impedit maiores animi aut quas totam. Eius in reiciendis iure ea, sit dignissimos distinctio aspernatur itaque pariatur laudantium accusamus, optio voluptates adipisci iste expedita! Possimus, repellat, praesentium.

See, you just got Lorem ipsum text with 80 words! You can use your own word number.

But what’s even better is that you can combine lorem snippet with tags. So try this, for example:

ul.nav>li*5>a>lorem5

And press TAB, you will get:

<ul class="nav">
    <li><a href="">Lorem ipsum dolor sit amet.</a></li>
    <li><a href="">Similique voluptate quisquam earum, consectetur!</a></li>
    <li><a href="">Officiis fugiat vitae blanditiis repellendus.</a></li>
    <li><a href="">Sunt harum nisi quia adipisci.</a></li>
    <li><a href="">Veritatis explicabo tempora, fugit perferendis.</a></li>
</ul>

Here you got a ul with a class of nav, also 5 li tags with a tags for links inside them, and lorem text with 5 words inside every link.

Lets try paragraphs:

p*5>lorem80

And:

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum molestias animi, maiores architecto non accusamus quisquam neque sint earum cumque sunt quaerat alias dolores, iste at harum sapiente, quam a in perspiciatis. Quibusdam ipsum perferendis cumque, harum, quidem ad magni, sunt dolor doloremque animi libero necessitatibus dolorum veniam? Et voluptatibus provident accusamus quas! Iusto quae fugit, rerum ex, excepturi eaque omnis, consequatur nobis inventore dolores saepe. Debitis ut enim fugiat molestiae libero, est. Maxime officiis, sapiente nesciunt. Praesentium, reiciendis alias!</p>
<p>Voluptatibus quos natus et vitae, velit tempore soluta magnam necessitatibus dignissimos neque. Alias temporibus quam quos sapiente tempore, voluptate consequatur harum. Ad ducimus doloribus reprehenderit asperiores recusandae adipisci, tempore quas aliquid nihil minima repudiandae autem error incidunt perferendis necessitatibus sint ratione sunt illum deleniti beatae repellat? Voluptatum similique facilis cumque inventore soluta dolore deserunt natus libero saepe pariatur corrupti, veniam quibusdam, autem impedit necessitatibus, quam sit harum fugit incidunt atque cupiditate. Eum inventore tenetur temporibus, provident odio, animi adipisci sunt.</p>
<p>Reprehenderit dolorem impedit molestias, molestiae a veniam alias voluptatum iste dolor porro at quam perspiciatis, quaerat soluta ullam dolore id necessitatibus vitae facere quos ipsa eos hic ratione expedita? Maiores voluptatem natus debitis odio nihil a quam eveniet officiis. Quis eaque, ducimus sed reiciendis repellendus ad minus ipsa animi autem quia assumenda ullam obcaecati similique consequatur totam maxime laborum, consectetur, voluptatum odio illum! Ipsam facilis eius necessitatibus optio cumque sed numquam neque eveniet, fuga nihil. Optio qui velit, explicabo reprehenderit.</p>
<p>Repellat earum numquam, rem praesentium consequuntur nemo quam enim molestias error dolorem labore eos cum itaque sapiente, eveniet architecto doloremque. Ipsam sequi impedit neque debitis consequuntur animi voluptatum quaerat nemo numquam a, itaque vero ipsum est, fugit blanditiis molestiae eum esse, incidunt dicta quidem tempora. Hic quam animi unde debitis quo culpa tenetur sapiente accusantium reprehenderit illo ullam molestias iusto odio, similique, vero corrupti ea. Porro molestiae error rem vitae. Suscipit at ad alias similique sapiente nisi ducimus quibusdam facere.</p>
<p>Temporibus voluptatibus, nisi, quia aut dolores culpa esse perspiciatis ratione eos nam dignissimos. Alias dolorem numquam itaque, dignissimos magni debitis fugit? Quo accusantium ipsam dolores in, voluptate impedit asperiores, minima! Dolorum labore aut aspernatur tempore excepturi et. Ipsum vero nemo aut error, fuga aperiam praesentium aspernatur quaerat saepe id ullam sapiente sint animi minima vitae distinctio sit tempora illum corporis fugiat. Repudiandae, eligendi, ea. Maiores blanditiis dolor, iusto placeat tempore quia unde nobis delectus? Recusandae, praesentium sit. Sapiente, voluptates, deleniti.</p>

You will get 5 paragraphs with 80 words of lorem text inside them.

This is so awesome!

Emmet docs about this feature at link:

http://docs.emmet.io/abbreviations/lorem-ipsum/

 

Share this ...Tweet about this on TwitterShare on FacebookEmail this to someoneShare on RedditShare on Google+Share on LinkedInPin on Pinterest