Marko

@markojs

✨ HTML Reimagined 🔬 Fine-grained Bundling 🚿 Streaming Render 🛠️ Targeted Compilation @ebay.com & @openjsf.org

12 Following808 Followers39 Posts

YouTube Bluesky

Is this your profile?Claim it and markojs.dirty.social is yours.Claim profile

Marko@markojs· 11d

Dynamic interpolations in the `<style>` tag

Marko@markojs· Jul 7

Automatic tag discovery now supports grouping in directories markojs.com/docs/referen...

A code block from the website:

```
tags/
menu-button.marko
icons/
icon-chevron.marko
icon-plus.marko
```

Marko@markojs· Jul 7

Lazy loading support via import triggers! markojs.com/docs/referen...

A code screenshot from the lazy loading documentation

```
import VideoPlayer from "<video-player>" with { load: "visible#hero" }

<section#hero>
<VideoPlayer src=input.src/>
</section>
```

Marko@markojs· Jul 7

Bound attributes can now have a refining function markojs.com/docs/referen...

A code block from the Marko website:

```
<input type="number" value:parseFloat:=num>

// desugars to

<input
type="number"
value=num
valueChange(newValue) { num = parseFloat(newValue) }
>
```

Marko@markojs· Nov 19

Marko 🤝 UnoCSS @unocss.dev now reads `.marko` files by default!

The Marko and UnoCSS logos, some Marko mascots, and a button HTML element with a HUGE list of classnames that goes off the page

Marko@markojs· Nov 11

Why ship entire islands for a few grains of sand?

Meme suggesting breaking up an app into islands for better performance, but then highlighting that Marko 6 does this automatically.

Marko@markojs· Nov 8

We topped HackerNews! Read the discussion on our HN app, and check out the network tab while you're at it 👀 marko-hn-example.netlify.app/story/45858905

A screenshot of the Marko HackerNews website with the Chromium network tab open. A hand-drawn arrow and circle highlight that only 1.7kb of JavaScript is sent to the browser

Marko@markojs· Oct 27

Keeping bundles small 🫡 www.lorenstew.art/blog/10-kanb...

The table from the linked article, with highlights indicating that Marko is on the top of the charts and is 6.36x smaller than Next.js

Marko@markojs· Oct 3

Input masking with cursor preservation? markojs.com/playground#d...

The output of the code example linked, showing a variety of inputs masked to prevent letters, cast to capital letters, and format as credit card/hex/phone number

Marko@markojs· Sep 24

Don't do this, but it's cool that you can!

Marko@markojs· Dec 3

@cmgriffing.bsky.social's Giffium.com rocks! Great way to show how much less you can write with Marko 😉

Marko@markojs· Nov 12

Concise Mode == Best Mode