DEV Community

aj1thkr1sh
aj1thkr1sh

Posted on

Stylq

#stylq #html #javascript #webdev

title: Stylq
published: true
description: Stylq is the cool syntax HTML Preprocessor. Stylq will allow user to make HTML file more easily. Stlyq is the Rich Syntax file to generator HTML file in the easy way. Stylq is the easy readable and writable.

Usage and Example

  var stylq = require('stylq');

  stylq.process('sample.stylq');
Enter fullscreen mode Exit fullscreen mode

To Send to another location

  stylq.processAndSend('sample.stylq','targetFileName.html');
Enter fullscreen mode Exit fullscreen mode

Here is the sample file that is given as input.

 //sample.stylq

  html{
    head{
      title{
        The Title of the Page
      }
    }
    body{
      h1{
        This is header
      }
      p id="paragraph-id"{
        This is paragraph
      }
      h2 style="color: blue;" id="heading-line"{
        The Multi attributes
      }
    }
  }
Enter fullscreen mode Exit fullscreen mode

NPM
Yarn
tags: js,stylq,webdev,html

Top comments (0)