Abhi
Abhi Author of Anicode.in. Passionate full-stack web developer.

Marco - Makes blogging simple than ever!


Marco - Makes blogging simple than ever!

There is a lot more than markdown which isn’t that attractive.

Marco supports various html parametric elems like slideshow, accordion, tabs etc & making backgrounds awesome and all you need to make your blog stand one of a kind in the market!

Alt Text

1
2
3
4
5
6
7
@center(Marco! makes blogging simple)


@center(**This is a slideshow that is written by just a line!**)


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/waa7hj7n5mxg1m416jbx.JPG)
1
@slideshow(https://placeimg.com/640/480/any)(https://placeimg.com/680/480/any)(https://placeimg.com/640/470/any)

You can also view it in action below!

Alt Text

Features

There is a lot more than markdown which isn’t that attractive.

Marco supports various html parametric elems like slideshow, accordion, tabs etc & making backgrounds awesome and all you need to make your blog stand one of a kind in the market!

Short intro

Change font color

In markdown you may do it by using simple method of html

but in marko just use :

1
2
@[color](text here)

Slideshow

These are As slideshow will be helpfull in giving viewers a short intro about what your blog is for.

1
2
3
@slideshow(____url for img1___)(____url for img2___)(____url for img3___)

Change background

you may use any img and above it a headline etc or gradients

Alt Text

using

1
@bg[red] content goes here @@

its that simple

Creating alert , note or a tip while blogging

Alt Text

No need to write much code or using any messy plugins just use a line.

1
2
3
%%[] Here is a prebuilt notr or a tip for you! %%

Enclosing it using %%

what is you need to customize it in mean of attention of typo like success, danger or normal mean?

well read below

Alt Text

Customizing

There are for types :

Danger

1
2
3
%%[danger] here is a danger tip for you %%

just define type between []

similiarly for others

Animation?..

well a big YES ,yeah Marco supports animations also it has prebuilt anims like fading, sliding, appearing, bouncing etc

If you had heard of motionia.js then you are already familiar with the answer for the question that is animating elements by just line of code.

You may easily integrate it or may use within it

Fading up a text

use name fadeIn (In because its apperaing and similiar fadeOut for disappearing etc)

1
2
@motionia{animation_name}(content goes here)

Whats more?

There is typically every thing that is atleast in my opinion neccessary to make a creative blog while being busy in our coding for awesome for code blogs.

That is accordion, button(works like a link), slideshow , popup, summarier etc!

Important i’ll finish it by 24hrs so do share this with your mates and especially to newbies it will be very helpfull for them.

Upcoming?

Few are my projects that works by just one line of code

1.Motionia.js [280+ stars] {animate elements by just one of line} 2.Alertia.js (animate and create popups alerts by just one line of code) 3.Styler.js (puts wavy graphic and elems easily) 4.Marco.js (better than markdown) 5.Styler.js [UPCOMING] {Style elems by just one line of code easily}

and dont’t for to follow me for just exciting projects on twitter

comments powered by Disqus