3 ms·

There is a term "javascript framework" https://dayssincelastjavascriptframework.com/ https://dayssincelastjavascriptframework.com/ vibe coding and LLM will on

by slt2021 1y ago

There is a term "javascript framework" https://dayssincelastjavascriptframework.com/ https://dayssincelastjavascriptframework.com/ vibe coding and LLM will only turbocharge this

stevage 1y ago
The source code for that website is pretty amusing.
- chrismorgan 1y ago
  > <meta charSet="utf-8"/> Ah yes, Next.js, still producing stupid bad HTML more than six years after it was reported. So, you pay over 200 kB of JavaScript just for the “in about 12 hours” text to be recomputed once a second. As far as I can see, that’s the only dynamic behaviour. For some reason unclear to me I went ahead and made a more sensible version (with dead code stripped and about two tiny material changes in CSS or text, see if you can spot them), and, minified, it’s under 1350 bytes with everything but the favicon inline. In other words, more than a kilobyte smaller than the original markup, despite embedding the functionality of an extra 213 kB of JavaScript and CSS. <!DOCTYPE html><meta charset=utf-8><meta name=viewport content="width=device-width"><title>Days Since Last JavaScript Framework</title><meta name=description content="Get the always up to date information about how many days have passed since a JavaScript framework has been published"><link rel=icon href=/favicon.png><style>body,html{font-family:sans-serif;margin:0;overflow:hidden}body{background-color:#fff}main{height:100vh;display:flex;justify-content:center}strong{font-size:20em;align-self:center}strong::selection{background:#000;color:#fff}.ribbon{background:#000;right:0;top:0}aside{padding:.2em .5em;color:#fff;position:absolute}.contact{font-size:.75em;background:#898989;bottom:0;left:0}.contact a{color:#00008b}</style><main><strong>0</strong></main><aside class=ribbon><b>updated daily!</b><br>next update in about 2 hours</aside><aside class=contact>if you spot an unlikely mistake on this website, get in touch:<a href=mailto:javascriptisa@veryfast.biz>javascriptisa@veryfast.biz</a></aside><script>function r(){var n=Date.now(),m=Math.round((Date.UTC(n.getUTCFullYear(),n.getUTCMonth(),n.getUTCDate()+1)-n)/60000);document.querySelector(".ribbon").lastChild.value="next update in "+m==0?"less than a minute":m==1?"1 minute":m<45?m+" minutes":m<90?"about 1 hour":"about "+Math.round(m/60)+" hours"}setInterval(r,1000);r()</script> (Completely untested, not even run once.)

There is a term "javascript framework" https://dayssincelastjavascriptframework.com/ https://dayssincelastjavascriptframework.com/ vibe coding and LLM will only turbocharge this

stevage 1y ago

The source code for that website is pretty amusing.

chrismorgan 1y ago
> <meta charSet="utf-8"/> Ah yes, Next.js, still producing stupid bad HTML more than six years after it was reported. So, you pay over 200 kB of JavaScript just for the “in about 12 hours” text to be recomputed once a second. As far as I can see, that’s the only dynamic behaviour. For some reason unclear to me I went ahead and made a more sensible version (with dead code stripped and about two tiny material changes in CSS or text, see if you can spot them), and, minified, it’s under 1350 bytes with everything but the favicon inline. In other words, more than a kilobyte smaller than the original markup, despite embedding the functionality of an extra 213 kB of JavaScript and CSS. <!DOCTYPE html><meta charset=utf-8><meta name=viewport content="width=device-width"><title>Days Since Last JavaScript Framework</title><meta name=description content="Get the always up to date information about how many days have passed since a JavaScript framework has been published"><link rel=icon href=/favicon.png><style>body,html{font-family:sans-serif;margin:0;overflow:hidden}body{background-color:#fff}main{height:100vh;display:flex;justify-content:center}strong{font-size:20em;align-self:center}strong::selection{background:#000;color:#fff}.ribbon{background:#000;right:0;top:0}aside{padding:.2em .5em;color:#fff;position:absolute}.contact{font-size:.75em;background:#898989;bottom:0;left:0}.contact a{color:#00008b}</style><main><strong>0</strong></main><aside class=ribbon><b>updated daily!</b><br>next update in about 2 hours</aside><aside class=contact>if you spot an unlikely mistake on this website, get in touch:<a href=mailto:javascriptisa@veryfast.biz>javascriptisa@veryfast.biz</a></aside><script>function r(){var n=Date.now(),m=Math.round((Date.UTC(n.getUTCFullYear(),n.getUTCMonth(),n.getUTCDate()+1)-n)/60000);document.querySelector(".ribbon").lastChild.value="next update in "+m==0?"less than a minute":m==1?"1 minute":m<45?m+" minutes":m<90?"about 1 hour":"about "+Math.round(m/60)+" hours"}setInterval(r,1000);r()</script> (Completely untested, not even run once.)