Strapdown.js – Instant and elegant Markdown documents • Hacker News Board

Strapdown.js – Instant and elegant Markdown documents

#1

Post by exolymph » Fri, Jun 15, 2018, 5:23 PM UTC

Strapdown.js – Instant and elegant Markdown documents
strapdownjs.com

Re: Strapdown.js – Instant and elegant Markdown documents

#2

Post by anchpop » Fri, Jun 15, 2018, 6:35 PM UTC

I like this, but I hate the FOUT that it seems to create

Re: Strapdown.js – Instant and elegant Markdown documents

#3

Post by whitepoplar » Fri, Jun 15, 2018, 6:39 PM UTC

anchpop wrote: post #2

I like this, but I hate the FOUT that it seems to create

What's FOUT?

Re: Strapdown.js – Instant and elegant Markdown documents

#4

Post by bastijn » Fri, Jun 15, 2018, 6:45 PM UTC

whitepoplar wrote: post #3

anchpop wrote: post #2

I like this, but I hate the FOUT that it seems to create

What's FOUT?

Might mean "flash of unstyled text" though I was not able to see it on my iPhone with chrome browser.

Re: Strapdown.js – Instant and elegant Markdown documents

#5

Post by metalliqaz » Fri, Jun 15, 2018, 6:57 PM UTC

bastijn wrote: post #4

whitepoplar wrote: post #3

Earlier quoted context omitted.

What's FOUT?

Might mean "flash of unstyled text" though I was not able to see it on my iPhone with chrome browser.

I noticed it, though my work PC is slow as molasses.

Based on how Strapdown appears to work, it appears to be the delayed CSS load that causes the problems.

I believe that the problem could be alleviated by adding the CSS link tags to the head of the document, when you're happy with the final product. Looks like you should only need bootstrap and whatever you choose from bootswatch.

Re: Strapdown.js – Instant and elegant Markdown documents

#6

Post by sudhirj » Fri, Jun 15, 2018, 7:06 PM UTC

I don't see how this is SEO friendly, as claimed by the site. Is the idea that because the text is already on the HTML isn't not a negative from an SEO point of view?

Re: Strapdown.js – Instant and elegant Markdown documents

#7

Post by Waterluvian » Fri, Jun 15, 2018, 7:06 PM UTC

anchpop wrote: post #2

I like this, but I hate the FOUT that it seems to create

Off topic but I never knew the term for this. The cbcnews.ca site got rebuilt in react recently and the result has this one bug where when loading, some headlines flash an entirely different but also valid headline for the same story for a split second. When it comes to news, a FOUT like that makes me rather paranoid about maybe I'm getting a tailored headline for my demographic.

Re: Strapdown.js – Instant and elegant Markdown documents

#8

Post by PerryCox » Fri, Jun 15, 2018, 7:15 PM UTC

I've been using this for about 2 years now for my own personal documentation. Now I've switched over to using VS Code and it's Markdown Preview function but if you want to quickly render Markdown as a webpage this is a great tool!

Re: Strapdown.js – Instant and elegant Markdown documents

#9

Post by ronilan » Fri, Jun 15, 2018, 7:23 PM UTC

This comes on top of Marked[1], so it is a dependency. Use with care.

From my experience any of the trio, Marked[1], Showdown[2] and Markdown-it[3], can be configured to just do it themselves.

As a side note, I built a markdown editor once that works client side and resides inside "real static" html.

Demo for the interested: http://public.docs.xstatic.site.s3-website-us-west-1.amazona...

[1] https://github.com/markedjs/marked

[2] https://github.com/showdownjs/showdown

[3] https://github.com/markdown-it/markdown-it

Re: Strapdown.js – Instant and elegant Markdown documents

#10

Post by Ezhik » Fri, Jun 15, 2018, 7:38 PM UTC

Please don't make websites require JavaScript to display simple text.