Emmet Cheatsheet and Lorem ipsum Tip

TopSilver Aug 2, 2017

  1. TopSilver

    TopSilver web designer Administrator

    Messages:
    197
    Likes Received:
    22
    https://docs.emmet.io/cheat-sheet/

    Also I'd like to add that you can automatically add lorem ipsum text by typing lipsum with the amount of words you want put in. Like this for example:

    Code:
    lipsum200
    
    That will then add 200 lorem ipsum words to your editor. They usually go on the same line unless you include the <p> tag with it so here is the best way to type it in when your wanting to add a paragraph of text:

    Code:
    p>lipsum200
    
    The above code will then put 200 lorem ipsum words within a <p> tag all on different lines. This is to avoid the lorem ipsum text being on the same line and extending into your editor. It works perfectly.

    Let me know if you guys have any other tips. This is a good one I think as it saves a lot of time.
     
  2. Scheibe

    Scheibe wolfeschlegelsteinhausenbergerdorff Super Moderator

    Messages:
    175
    Likes Received:
    19
    Use a pre-processor and emmet.
     
  3. TopSilver

    TopSilver web designer Administrator

    Messages:
    197
    Likes Received:
    22
    Your the one who told me that tip. So I owe you credit for that. Also I plan to use SASS soon. Looks like I'll also being learning LESS due to XF2.
     
  4. Scheibe

    Scheibe wolfeschlegelsteinhausenbergerdorff Super Moderator

    Messages:
    175
    Likes Received:
    19
    LESS MIXIN
    Code:
    .font(@font-size: 16px, @font-family) {
        font-size: @font-size;
       font-family: @font-family;
    }
    
    .class {
      something: something;
      .font(72px, Arial);
    }
    
    I, too have decided to learn LESS as a result of XenForo. I currently use Sass
     
    Last edited: Aug 28, 2017
    TopSilver likes this.
  5. TopSilver

    TopSilver web designer Administrator

    Messages:
    197
    Likes Received:
    22
    In my opinion, Xenforo will make LESS more famous than it is. Interesting difference on the Mixin too.
     
  6. Scheibe

    Scheibe wolfeschlegelsteinhausenbergerdorff Super Moderator

    Messages:
    175
    Likes Received:
    19
    It wouldn't surprise me.
     

Share This Page