Skip to content

Home

Jump to bottom Edit New page
luxlogica edited this page Dec 30, 2017 · 20 revisions

About

Macdom is an HTML preprocessor that works like a filter so you can use it in any template engine and implement it into already existing project.

Try it!

  • Forget about closing tags and brackets - just use indentation
  • Use shortcuts for id, class and data attributes
  • Use plain text in your files wherever you want, however you want
  • Write your code more flexibly with:
    • Quick Attributes, for the most common attributes
    • Macros
    • Replicator

Sample

!5
html
  head
    utf-8
    viewport
    favicon includes/favicon.ico
    title Macdom example
  body
    h1 #title .titles .main-title Hello world
    nav
      @ a $http://www.[@].com $blank Link on -
      [google] .first-link Google
      [yahoo] Yahoo
      [github] Github	
    div #wrapper Some text <b>here</b>.
    https://www.code.jquery.com/jquery-1.12.0.min.js async

Result

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta content="width=device-width" name="viewport">
        <link rel="shortcut icon" href="includes/favicon.ico">
        <title>Macdom example</title>
    </head>
    <body>
        <h1 id="title" class="titles main-title">Hello world</h1>
        <nav>
            <a target="blank" href="http://www.google.com" class="first-link">Link on - Google</a>
            <a target="blank" href="http://www.yahoo.com">Link on - Yahoo</a>
            <a target="blank" href="http://www.github.com">Link on - Github</a>
        </nav>
        <div id="wrapper">
            Some text <b>here</b>.
        </div>
        <script async="" type="text/javascript" src="https://www.code.jquery.com/jquery-1.12.0.min.js"></script>
    </body>
</html>
Add a custom footer
Add a custom sidebar
Clone this wiki locally