Author Topic: Zen HTML Coding port  (Read 3652 times)

Pharaon

  • New Community Member
  • Posts: 1
  • Hero Points: 0
Zen HTML Coding port
« on: November 02, 2009, 09:31:48 pm »
Hi Everyone,

This is my first marco - a port of Zen HTML Coding concept to the SlickEdit. Official Zen HTML homepage - http://code.google.com/p/zen-coding/. More on version 2.0 (Russian version only) - http://pepelsbey.net/2009/04/zen-coding-concept/

Purpose:
Speed up HTML coding by introducing shortcuts and templates based on CSS selectors.

Written for:
SlickEdit 14.

Installation:
1.  Copy the bundles.e file to your custom macros folder.
2.  Load the bundles.e using the Macros|Load Macro... command to load the macro module.
3.  Bind a key to the new expand_bundle command.

Using:
Open/Create a new HTML file, put cursor on a new line, type the bundle and run the macro. Below are several expanding samples:
div#wrapper.box.wide expands to <div id="wrapper" class="box wide"></div>
div#wrapper>div#head expands to <div id="wrapper"><div id="head"></div></div>
div#wrapper>div#head>span#logo+ul#menu>li*3 expands to
<div id"wrapper">
  <div id="head">
    <span id="logo"></span>
    <ul id="menu">
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
</div>


More on information on supported selectors can be found here - http://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn

pepelsbey

  • New Community Member
  • Posts: 1
  • Hero Points: 0
Re: Zen HTML Coding port
« Reply #1 on: November 17, 2009, 10:20:45 pm »
If you want to be official commiter and publish your macros at Zen Coding project page — just let me know: pepelsbey@gmail.com