Introducing MicroLighter

(daverupert.com)

37 points | by tobr 4 hours ago ago

9 comments

  • piratebroadcast 2 hours ago

    I'm not trying to be rude or unappreciative, but it's kinda crazy to me that the website itself doesn't contain the demo of the thing? I see sample code to implement it on my own site, but the site itself doesn't seem to have any highlighting or I highlighted some text and didn't see anything unusual? Maybe it's just me, maybe I'm missing something here? I'd like to see an example of what a thing does before straight up installing the code on my website.

    • tomtheelder 2 hours ago

      The site linked to is a blog post about the app. The actual site is linked in there, and if you follow that link there are examples.

      OP probably should have put an example in this post. That said they look like... syntax highlighted code.

    • what 2 hours ago

      The code snippets are highlighted, presumably using microlighter?

      • pcthrowaway 18 minutes ago

        That's what I assumed, but when I pasted this JS snippet from the blog post into the playground (ctrl+f "playground", selects JS) on the project page (https://davatron5000.github.io/microlighter/)

            if(document.querySelector('pre>code').length) {
                 import('path/to/microlighter/microlighter.min.js');
            }
        
        The highlighting looks completely different. I assumed the top-level commenter was being mildly obtuse, but it looks like they were (perhaps incidentally) correct
  • xigoi 4 hours ago

    Really cool! It’s a shame that the CSS Highlight API only allows changing the color and not the font.

    • SoftTalker 3 hours ago

      For me, a little highlighting goes a long way. I don't like my code looking like a box of Crayola crayons. Throwing in multiple fonts doesn't sound helpful at all.

      • goodmythical 9 minutes ago

        #section in italics because it contains a bug I've not yet fixed

    • crummy 2 hours ago

      Or even setting bold would be nice.

      • capitainenemo 2 hours ago

        yeah, although text-stroke and text-shadow probably work even better with fixed width code since it avoids changing line lengths.