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

Here is the place to post images, videos and downloads of your current and upcoming applications that you are working on.
17 posts Page 1 of 2
Contributors
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

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
Last edited by mikethedj4 on Wed Jul 13, 2016 7:12 pm, edited 7 times in total.
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

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;
Last edited by mikethedj4 on Tue Apr 28, 2015 6:40 pm, edited 2 times in total.
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

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
You do not have the required permissions to view the files attached to this post.
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

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).
You do not have the required permissions to view the files attached to this post.
Filip
Coding Guru
Coding Guru
Posts: 833
Joined: Wed Jan 05, 2011 3:59 pm

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; 
  });
});
CodenStuff wrote:
Nope, it's just your sick and dirty mind. You sick twisted warped little pervo :D
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

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 :)
User avatar
CodenStuff
Site Admin
Site Admin
Posts: 4389
Joined: Tue Aug 04, 2009 1:47 am

That looks really amazing, can definitely tell you've put a lot of effort in to it.
Welcome to CodenStuff.com Learn Code, Love Code. Thank you for being a member of the community.
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

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
You do not have the required permissions to view the files attached to this post.
Last edited by mikethedj4 on Wed Jul 13, 2016 7:12 pm, edited 1 time in total.
User avatar
smashapps
Coding Guru
Coding Guru
Posts: 961
Joined: Tue Apr 05, 2011 8:41 am

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!
My name is Tom | Visit my blog where I post new content every day! Tom's Daily Blog | MineCraft is awesome!
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

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
You do not have the required permissions to view the files attached to this post.
17 posts Page 1 of 2
Return to “Work in Progress”