UILANG Tutorial

UILANG, a programming language, By Benjamin De Cockhttps://github.com/bendc/uilang

UILANG demos :

Toggle a class

uilang syntax : clicking on ".trigger" toggles class "hellow-world" on "div.res"

This codeline means that when you will click on .trigger, the .hello-world class will be toggle on the div that have a .res class

Trigger
hello

Add a class

uilang syntax : clicking on ".add-class" adds class "green" on ".button"

It means that when you will click on .add-class, the .button element will got the green class added.

Add Green Class I'm a fancy button

Remove a class

uilang syntax : clicking on ".remove-class" removes class "green" on ".button"

It means that when you will click on .remove-class, the .button element will have the green class removed.

Remove Green Class I'm a fancy button
clicking on ".entypo-info" toggles class "hidden" on "div.infos" clicking on ".trigger" toggles class "hello-world" on "div.res" clicking on ".add-class" adds class "green" on ".button" clicking on ".remove-class" removes class "green" on ".button"