A website coding itself live(strml.net)

486 pointsby wasyl7 tahun yang lalu19 comments

https://www.strml.net

21 comments

mg7 tahun yang lalu

Slightly related - a website that displays it's own source code:

https://no-gravity.github.io/html-quine/index.html

fragmede7 tahun yang lalu

For the curious, this is called a quine, and it's a fun challenge in every language, to write on.

http://www.madore.org/~david/computers/quine.html

soulofmischief7 tahun yang lalu

Nice. Here's another: https://secretgeek.github.io/html_wysiwyg/html.html

LeonB7 tahun yang lalu

....inspired by https://github.com/secretGeek/html_wysiwyg -- thanks!

malydok7 tahun yang lalu

The trick here I didn't know about is that a `<style>` element's default `display` is `none` and you can show its contents by changing that.

zawerf7 tahun yang lalu

Here's the guy he said he got inspiration from: https://jakealbaugh.com/

I think if liked those you would also like:

http://acko.net/

http://worrydream.com

tholman7 tahun yang lalu

The inspiration in particular is this demo, if you want to see how it's all working. - https://codepen.io/jakealbaugh/pen/PwLXXP

egfx7 tahun yang lalu

yeah, acko.net is awesome. I remember seeing it the first time a few years ago and being blown away by the intro.

maxmcd7 tahun yang lalu

yeah, 2013: http://acko.net/blog/zero-to-sixty-in-one-second/

just absolutely blew my mind as well

this talk by the same author is also great: https://www.youtube.com/watch?v=Zkx1aKv2z8o

larrysalibra7 tahun yang lalu

What's even more impressive than Sam's web site (which has been online for years) is that he and his two Hong Kong-based co-founders bootstrapped Bitmex, a multi-billion dollar company that handled over US$1 trillion of trading volume over the past year with almost no investment.

When they launched in 2014, no one on HN cared! 2 points and 1 sarcastic comment. https://news.ycombinator.com/item?id=8750453

pflenker7 tahun yang lalu

That is very impressive self-advertisement. I watched the whole thing.

jacob0197 tahun yang lalu

Came here to post my favorite part: "At this time, I am busy. I am happy to entertain proposals for later work but immediate availability is scarce."

toastal7 tahun yang lalu

Why is the transition property prefixed with - webkit- only? Immediately this starts off on an incompatible, vendor-locked foot.

Edit: seems all of the properties are Webkit- prefixed. :/

lol7687 tahun yang lalu

It seems to use the prefix for the browser you're visiting the site in (I see -moz- properties). Fine, but I'm not convinced the prefixes were required at all for quite a few of the properties.

STRML7 tahun yang lalu

It's legacy. This dates back to April 2015 when there were still some reasons to use prefixed properties. Rather than list all of them in css - which would have been ugly - I choose the one useful to your browser.

diggan7 tahun yang lalu

I thought it was gonna be like an experiment I did a while ago, a webapp that can edit and deploy itself. Ended up with prototype[0] but would love to see the possibilities in a more polished version, and thought this submission was it!

- [0] https://github.com/victorb/self-editing-website

sflanagan7 tahun yang lalu

Watched the whole thing - very cool.

thunderbong7 tahun yang lalu

This is really well done! Kudos!

artur_makly7 tahun yang lalu

v2 is a SaaS that builds itself. this includes the value proposition.

humble_engineer7 tahun yang lalu

RyanAF77 tahun yang lalu