This little plugin that I’m currently using along with my Sublime Text editor for Window is called EMMET. It has cut in half the amount time it takes me to code HTML & CSS. It comes with a large number of coding features and shortcuts but when you combine that with a “Lorem Ipsum” generator, it makes this a great design tool. I could spend several articles explaining in detail all of EMMET’s features so I’m just going to focus on the “Lorem Ipsum” Generator.
What is “Lorem Ipsum?”
Chances are that if you are a web developer, you are already familiar with “Lorem ipsum.” This dummy text is often used to test user interfaces by displaying real data.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, nemo quaerat molestias delectus laudantium perferendis, voluptate sit necessitatibus fuga, cum recusandae maxime, repellendus facere natus commodi. Possimus deserunt perferendis dolorum molestiae modi similique, enim, rerum, quod inventore ratione eveniet fugiat at incidunt aspernatur ipsam et.
“Lorem Ipsum” Generator
Now what to do with it? If you are currently using Sublime Text editor and Emmet you can start by typing the keyword “lorem” followed by the length of the string you are looking insert within your file:
lorem20
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio unde ratione atque nisi odit facilis velit ab incidunt delectus, illum.
The previous code will generate a Lorem string with length of 20 words. With the help of EMMET, you could create more complex strings of HTML.
ul>li>lorem25
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero error molestias nostrum quam excepturi, autem id eos porro. Ex, quibusdam itaque ad neque voluptatem at.
This is a unordered list with one list item and a “Lorem Ipsum” string of length 25. There is no limit on how complex these statements can be.
html>head+body>#page>div.logo+ul#navigation>li*5>a>lorem30