• LMSEO

  • Menu
  • Services
    • Ecommerce
      • Ecommerce Store Set Up
      • Structured Data Markup Testing, Set up and Optimization
    • Google Services
      • Adsense
      • Adwords
      • Google Analytics
      • Google APIs and Tools
      • Google Merchant Center
      • Google My Business
      • Google Plus
      • Google Webmaster Tools
    • Hosting
      • Amazon Web services Set Up
      • Content Delivery Network(CDN)
      • Developer Environment
      • Managed Hosting and Support
      • SSL Certificates
      • Virtual, Shared or Dedicated Hosting Set up
    • Marketing
      • Email Marketing
      • Information Architecture
      • Pay Per Click and Media Buying
      • Press Releases
      • Schema Markup Set up and Optimization
      • Search Engine Optimization
      • Social Media
      • Email and White Paper
      • Design
        • Logo and Business Cards
    • Web Development
      • Back-end Development
      • Content Management System (WordPress, Drupal)
      • Database Management
        • Database Design
        • Database Testing and Optimization
        • Mysql, PostgreSQL, SQL Server or NoSQL Set up
      • PHP Custom Applications
      • Front-end Development
        • CSS3, HTML5, Javascript and Javascript Frameworks
        • Web Design (UI/UX)
  • Team
  • Blog
  • Contact
  • 213.321.0784
  • Search
LMSEO / Web Development

EMMET Plugin – “Lorem Ipsum” Generator

Luis Piedrahita January 4, 2015 Leave a Comment

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



	
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis labore, doloribus nihil cupiditate dolore in corporis facilis at fugit adipisci natus numquam voluptatum. Perferendis officiis beatae expedita est labore consequuntur?
  • Obcaecati accusantium dolore qui dolores, dolorem consequatur, cumque quibusdam aliquid deserunt non ducimus quis illo nam aut! Sunt, sapiente nihil optio ab, deserunt suscipit saepe expedita, aliquam in blanditiis veritatis!
  • Ullam repudiandae perspiciatis natus, sed veritatis totam aliquam vero dignissimos accusamus mollitia? Praesentium labore fugit, accusamus necessitatibus commodi veniam dolores natus vitae, eum ullam consequuntur tempore ipsa provident iste ut.
  • Molestiae eaque doloribus incidunt pariatur at ipsam eligendi aut molestias assumenda commodi delectus ratione quaerat culpa hic, officia sunt, perspiciatis numquam magnam obcaecati dignissimos repudiandae! Ipsa aperiam deserunt doloremque ipsum.
  • Laboriosam beatae reprehenderit, ea ut voluptatem error enim sunt molestiae quod deleniti ipsam, nemo id rem commodi unde, consectetur porro quasi provident. Voluptatem, inventore suscipit quas modi tempora saepe odio.

Filed Under: Web Development Tagged: EMMET, Generator, Lorem Ipsum, Sublime Text

© Copyright LMSEO 2019. All rights reserved.

Recent Posts

  • Foundation Zurb and the WordPress Comment Summit Button January 21, 2015
  • EMMET Plugin – “Lorem Ipsum” Generator January 4, 2015
  • Parsing html as PHP Using Apache May 16, 2014
  • Old Virtual Host Configuration Access Forbidden Error 403 (XAMPP) May 9, 2014
  • Apache Module mod_rewrite May 9, 2014

Tags

403 apache EMMET Generator htaccess httpd.conf Lorem Ipsum mod_rewrite PHP Sublime Text Virtual Host XAMPP XML

‹ › ×