Awesome. I love small things. In fact, I created a CSS library, min, that's 995 bytes - http://minfwk.com/ .
Amazing how much you wedged into 995 bytes. I have to admit, I would have been willing to pay 997 or 988 bytes for it, but I'm a big spender ;-)
An HTML/CSS/JS code editor in 230+ bytes
41–50 of 57 posts
Re: An HTML/CSS/JS code editor in 230+ bytes
#42I built a quick responsive front-end for this and re-wrote the JavaScript so the order goes: HTML -> CSS -> JavaScript Github: https://github.com/tomhodgins/liveeditor Screenshot: http://i.imgur.com/SuXoXHb.png Demo: http://staticresource.com/editor
You shouldn't use jQuery, inline CSS and inline JS right before closing tag.
Re: An HTML/CSS/JS code editor in 230+ bytes
#43Earlier quoted context omitted.
You shouldn't use jQuery, inline CSS and inline JS right before closing tag.
I get the CSS, but why the others?
Extra HTTP request has more overhead then few inline bytes.
if you put that code at bottom, you won't need jQuery to know if page is ready, and won't need extra HTTP request.
Re: An HTML/CSS/JS code editor in 230+ bytes
#44========== Wow! This topic is successful! You can also take a look at this 512b project that didn't live long on HN yesterday: A minesweeper game https://news.ycombinator.com/item?id=6853868 And my other code golfing projects: http://xem.github.io/?golfing ==========
Re: An HTML/CSS/JS code editor in 230+ bytes
#45Nice and you could probably make it save in under 512 bytes. Just persist everything to localStorage like the tiny spreadsheet http://jsfiddle.net/ondras/hYfN3/ Or save everything on the URL so it can be bookmarked too.
http://xem.github.io/miniCodeEditor/editor.html
I recommend you to use Firefox: it will keep the code in the textareas. Chrome will only save the iframe's content.
;)
Re: An HTML/CSS/JS code editor in 230+ bytes
#46========== Wow! This topic is successful! You can also take a look at this 512b project that didn't live long on HN yesterday: A minesweeper game https://news.ycombinator.com/item?id=6853868 And my other code golfing projects: http://xem.github.io/?golfing ==========
The attention-grabbing equals symbols come off as spammy and underhanded.
Re: An HTML/CSS/JS code editor in 230+ bytes
#47I built a quick responsive front-end for this and re-wrote the JavaScript so the order goes: HTML -> CSS -> JavaScript Github: https://github.com/tomhodgins/liveeditor Screenshot: http://i.imgur.com/SuXoXHb.png Demo: http://staticresource.com/editor
Re: An HTML/CSS/JS code editor in 230+ bytes
#48 for(i=4;i--;)e.innerHTML+=(i?'"+t1[v]+""+t2[v]\'>'
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/if...http://www.whatwg.org/specs/web-apps/current-work/multipage/...
Re: An HTML/CSS/JS code editor in 230+ bytes
#49Copy & paste this in the address bar of your browser in order to use it as inline resource (it's data URI format): data:text/html,%20 for(i=4;i--;)e.innerHTML+=(i?' "+t1[v]+" "+t2[v])\'>' Taken from this: https://coderwall.com/p/lhsrcq
I made one that can let you visit the page in a data uri, and can edit itself awhile ago. I just put it on github. https://news.ycombinator.com/item?id=6862837
Re: An HTML/CSS/JS code editor in 230+ bytes
#50Looks like you're setting the 's contents with a data uri in the src attribute, you save some characters if you use the HTML5 srcdoc attribute: for(i=4;i--;)e.innerHTML+=(i?' "+t1[v]+" "+t2[v]\'>' https://developer.mozilla.org/en-US/docs/Web/HTML/Element/if... http://www.whatwg.org/specs/web-apps/current-work/multipage/...