Website coding made for designers

Articler is a website coding language with smarter syntaxis. It’s easier to learn, read, and write.

Picture the page just by looking at the code

Articler is much more concise than HTML/CSS.

This allows tags, styles, and the content to be in one place. If you put all CSS in the HTML file, it would become unreadable.

Have precise control

Code gives you the ability to make your layout exact: to a point of a pixel.

Since in Articler you see content and styles in one place, it’s easy to adjust elements to perfection

Have precise control

In CSS if you want to have full control over positioning, you use flex-box.

It’s bulky. You sometimes have to write 3 lines of code just to place the element where you want.

Articler uses 3 lines 3 symbols: -, x, and y.

Edit mobile version in seconds

In CSS mobile adaptation is difficult and bulky.

That’s because mobile styles can only be stored in a separate location, and then you connect it to blocks.

In Articler you write mobile styles same as regular styles — just add _

Exponentially less visual clutter

HTML
CSS

clarity
5.8%

Clarity — amount of informational units divided by amount of symbols — is 5.8%. That’s incredibly low.

Imagine reading 15 books to comprehend only one of them.

Articler

clarity
50%

Articler clarity is extremely high.

This means that on average a piece of information is transmitted with just two symbols.

Width and height are probably the most used styles in web coding.

In Articler they are evoked just by the letters w and h.

w100px w50 for percent w2em for size related to the font

Text starts with
an empty line.

Code is now cute. Insert media with emoji.

Now they are visually distinct from the rest of the code and are easier to find.

Goodbye HTML Character Entities. Since HTML uses < and > to start tags like <h1></h1> for header and <p></p> for paragraph, if you wanted to actually write “<” in the text you had to replace it with &lt; — or you’d had an error.

Articler also uses special symbols, but to use them in the text you simply write them twice: [0][0]

Code is now cute. Insert media with emoji.

Now they are visually distinct from the rest of the code and are easier to find.

Articler usually occupies a third of the HTML ∕ CSS length

Articler
1608 symbols
HTML∕CSS
4640 symbols

Articler is being slowly developed. Currently works on beta 0.1 version.

If you want to use it in your project or be a tester, send me an email:
[email protected]

Created by
Makar Polovinka ©