Testing .kit language

kitIcon Kit language brings imports and variables to your HMTL layouts, improving your workflow.

Kit is a “language” included in CodeKit that allows you to import parts of HTML and compile the result as .html archives. This is very useful for keep updated your layouts in large and complex structures with several files.

You can, for example, separate repeated parts of code that are present in all templates such as menus, navigation, sidebar, footer … The syntax is simple and flexible:

<!-- @import "./modules/header.kit" -->
<!-- @import "../footer.html" -->

Also you can use “global” variables present in all included parts:

<!-- $menu_option1 = class="selected" -->
<ul>
	<li <!--$menu_option1-->>Option 1</li>
	<li <!--$menu_option2-->>Option 2</li>
	<li <!--$menu_option3-->>Option 3</li>
</ul>

Kit is part of CodeKit app, checkout the language page here.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s