Page 1 of 2

kodeWeave: Realtime Code Playground for Win/Mac/Lin/Android

Posted: Sun Jan 11, 2015 10:32 am
by mikethedj4
Image
The HTML Onlive Debugger is being replaced by kodeWeave.

Head to https://mikethedj4.github.io/kodeWeave/ to download the application. It's available for Windows, Linux, Mac OS X, and Online.

I've been having trouble for the past few months getting kodeWeave (and a few other applications ported to Android via PhoneGap)......
http://stackoverflow.com/questions/3475 ... h-phonegap
https://github.com/Stuk/jszip/issues/254

Re: Realtime Code Playground for Win/Lin/Android

Posted: Wed Jan 21, 2015 7:30 am
by mikethedj4
I added vertical/horizontal grid view options, lorem ispum generator, lots of new demos, CSS & JSLint integrated, and can now save as either a .zip files, or single .html.

Still a few bugs to fight; off but as SNAP would say, "I've Got The Power". boogy;

Re: Realtime Code Playground for Win/Lin/Android

Posted: Tue Feb 03, 2015 8:49 am
by mikethedj4
Currently all characters you add from the menu only go to the html editor, however I plan on fixing that sometime this week, if not the weekend.

You can download the Windows app here.
kodeweave-win.png

Re: kodeWeave: Realtime Code Playground for Win/Lin/Android

Posted: Thu Feb 26, 2015 5:22 am
by mikethedj4
I've been hard at work and am happy to show you a few new updates...

I added two new libraries (JSZip and RequireJS). I fixed the Codemirror demo and added a new jszip demo so you all can learn how to package zip files in Javascript.

In addition I had to switch the color picker on the windows version to match the web app as it wasn't as touch friendly as I had hoped. I haven't heard any problems so far so here's a screenshot update.
kodeweave-tools.png
kodeweave-save.png
kodeweave-win-export.png
As you can see you can now save your web layout/app/game as a Native Windows, Linux, and/or Android application.

Sadly I could not get the Windows and Android exportation functions to work on Windows. So until someone else is able to fix that it'll only be available in the web app.

I'm considering starting a fundraiser in order to make this application available for Android, and hopefully be able to hire some more people to add additional features and get the already made functions to work on some native platforms (Like saving files on Linux for example).

Re: kodeWeave: Realtime Code Playground for Win/Lin/Android

Posted: Fri Feb 27, 2015 10:07 pm
by Filip
Discount calculator can be implemented much more easier:
Code: Select all
$(document).ready(function() {
  $("#btn").click(function() {
    var price = Number(document.calculator.price.value);
    var percentoff = Number(document.calculator.percentoff.value) / 100;
    document.calculator.total.value = (1 - percentoff) * price; 
  });
});

Re: kodeWeave: Realtime Code Playground for Win/Mac/Lin/Andr

Posted: Thu Jan 28, 2016 5:24 pm
by mikethedj4
Preview of new changes:
Image

There's been a lot of changes to kodeWeave since my last post. Such as...
  1. Revised exportation
  2. Minor bug fixes to the responsive layout
  3. Revised demos
  4. Updated libraries
  5. Can toggle JS validator
  6. Inline color picker
  7. Inline numeric slider
  8. Added markdown editor
  9. Can download single files
  10. Integrated Zen Coding
  11. and more...
If you don't know what Zen Coding is; for example I can use...
Code: Select all
div.head>a.fl[href=javascript:void(0)]+a.fr[href=javascript:void(0)]+p>lorem25
to write...
Code: Select all
<div class="head">
  <a href="javascript:void(0)" class="fl"></a>
  <a href="javascript:void(0)" class="fr"></a>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, laudantium, odio! Possimus eos repellat saepe repudiandae iusto doloribus, autem recusandae laboriosam molestias adipisci commodi quod.</p>
</div>
By the way this is possible with a great plugin called Emmet! Which is integrated into the app so you can use it with code editor's you're making as well :)

Re: kodeWeave: Realtime Code Playground for Win/Mac/Lin/Andr

Posted: Thu Feb 11, 2016 12:01 pm
by CodenStuff
That looks really amazing, can definitely tell you've put a lot of effort in to it.

Re: kodeWeave: Realtime Code Playground for Win/Mac/Lin/Andr

Posted: Tue Mar 29, 2016 5:27 pm
by mikethedj4
kodeweave.png
There's been a lot of bug fixes, performance improvements and a little rewrite of the code to polish things up (although it could be done a lot more)

However the 2 most requested features:
1) Save weave online
2) Adjust font size

I'm proud to announce that you can finally save your weave to the cloud! :D (of course you can also adjust the editor's font size as well :) )

Now the weave is saved as a Github Gist.
You can then load the Gist into kodeWeave by a simple hash.

So here's a sample Gist I saved on kodeWeave

You can then go here to load that Gist into kodeWeave.
https://mikethedj4.github.io/kodeWeave/ ... 9c4f17e14f

Re: kodeWeave: Realtime Code Playground for Win/Mac/Lin/Andr

Posted: Wed Mar 30, 2016 11:32 pm
by smashapps
I would love to be able to help but I don't think I could anymore

Anyway, your app is looking amazing, you've done so well!

Re: kodeWeave: Realtime Code Playground for Win/Mac/Lin/Andr

Posted: Fri Apr 01, 2016 12:23 am
by mikethedj4
Screen Shot 2016-04-01 at 1.06.42 PM.png
I just added support for some preprocessors. Currently it supports Jade and Coffeescript!

You can also convert Jade to HTML, HTML to Jade, Coffeescript to Javascript and Javascript to Coffeescript.

I deprecated kodeWeave for Desktops, but I'm getting a lot of emails where people want me to continue releasing kodeWeave for Desktops.

I'm considering resuming kodeWeave for Desktops. If you're interested in the (non profit) position send me a message.
smashapps wrote:
I would love to be able to help but I don't think I could anymore

Anyway, your app is looking amazing, you've done so well!
Thanks man :D