release recent posts

Edit Private Code

Thanks for many requests!
Finally, you can make your code "private".

Touch the "Properties" button next to the code title, in code edit view.

code_01.png

You'll see a dialog to edit code properties,
check the "Private" checkbox, and "Save".

code_02.png


"Private" code won't appear in code ranking, nor in your followers dashboard( or mypage). It will only be visible by yourself.

Use it for drafts, or secret hacks:)

Enjoy!

location.hash set to code page.

location.hash set to code page.

link to http://jsdo.it/kyo_ago/otyt#hoge is location.hash === '#hoge'

Mini-game collaboration event with 9leap

jsdo.it will be providing it's platform for 9leap's mini-game contest, leveraging on HTML5/JavaScript Based Game Engine - enchant.js.
Find more information here (in Japanese).

fork tree with jsdo.it API


We have added a new feature to list ancestor codes and child branches with a "fork tree". When the code has forked version or itself is a child branch of an existing code, then "tree" link will be displayed on the info, so that you can track down the fork history.


190325.png


190250.png


Along with creating this feature, we have started rolling out jsdo.it API.

jsdo.it API's documentation

The domain is "api.jsdo.it", but we have set the Access-Control-Allow-Origin header to make access possible via ajax. Try building your own original fork tree.

Forked codes used to release tags from original code. Now we have enabled inheriting tags from original codes to forked ones.

inheritance_tag.png

When issuing a tag for external embedded player, now you are able to choose 'preview' or 'code' for initial view.

You can apply the same feature for existing older tags, by adding '?view=design' to the end of JavaScript URL.

embed_player.png

While logged in to jsdo.it, you can see 'notifications' displayed next to your name on upper right header menu.

  • When someone starts following you
  • When someone forks your code
  • When someone adds your code to favorites
  • When someone comments on your code
Once there is any activity relevant to you or your code, you will see these in 'notifications'.

We hope this positively stimulates everyone for more active community engagement. We would be glad to see more of your followers, and would be happy to favorite and comment on your entries as well.

notification.png

Now you can directly add html tags.

Responding to several requests received via Q&A, we have significantly improved html support.

iDevice test

When code within html area begins with either <!DOCTYPE or <html, any entered code will be output adding JavaScript and CSS.

directly_add_html.png

Now the new editor comes with shortcut keys.

You can move between JavaScript, html and CSS windows using Ctrl +↑ (or Pg Up), Ctrl +↓ (or Pg Dn).

Also, you can save the work or reload it using Crtl + Enter.

(* These shortcuts are valid only if you have chosen ACE Editor as your preference)

shortcut_keys.png

Now you can use the new editor - faster, lighter.

Until now, we've been primarily using CodeMirror for scripting. From today you can choose to work on ACE - Ajax.org Code Editor as well.

If you wish to try the new editor, please go to your account settings, and check the 'use JavaScript New editor (beta)'.

* Some features are still being polished up

newEditorSetting.png

jQuery 1.4.3 and jQuery.mobile

added jQuery 1.4.3 and jQuery mobile 1.0 alpha 1 as "Major Libraries".

jquery.mobile.png

so you can click on the "Add Libraries" button and choose them, to give it a try!
or fork this template to start:
forked from: minimum jQuery mobile 1.0 alpha1


thanks to hfu for the example and GeckoTang for the request

let's write code description

From today, you're able to add a "description" for a code.

You might want to write:


  • some references, what inspired you to write it

  • how to interact with your Flash content

  • the core logic, any explanation about the code

  • any requests for other wonderfl users to fork and modify

  • what you think is cool about the code you wrote

  • .. or anything

HTML tags are not allowed but URLs will be auto-extracted as anchor tags.
We did some comment-parsing-and-extract-what-looks-like-description from past code, so some might already have description, but write it by yourself for future codes.


ScreenShot1.png
ScreenShot2.png

Released diff feature

Click on the "diff" link on code pages and see which rows have changed from the forked parent!
For a good example see: PAC-MAN2
and click the diff(153) on the top.

updated Processing.js to 0.9.6

Updated our processing.js in our Major Libraries selection from 0.9.4 to 0.9.6 ! (changelog)

We believe jsdo.it is one of the easiest way to try JavaScript/CSS libraries, because of the "Fork" and "Question" feature.
If you use a library not listed in our Major Libraries list and want it included, please contact us.

create a website on iPad, iPhone

Since there's no Flash in jsdo.it and it runs on any modern browser,
Imagined if you could edit JavaScript, HTML5 or CSS in iPhone or iPad ?

Well, you can now !

Edit JavaScript, HTML5, CSS on an iPad demo

Edit JavaScript, HTML5, CSS on an iPhone demo

Snipped the part of signing in, because it's super easy and fast.

see the created website here:
forked from: CSS3 animation 3D (for Safari)
The CSS3 animation used here currently works only on Safari.

Try it out!
*** send the link by email ***

UI is not optimized for iPhone/iPad, but we will work on it soon.



added Sencha Touch, Ext JS

Today we added Sencha's libraries as Major Libraries!
Click on "Add Library" and select from them to easily try them out.

sencha.png

New comers are:
- Ext Core 2.1
- Sencha Touch Beta 0.91
- Ext JS 3.2.1
- Ext Base 3.2.1
- Ext jQuery Adaptor 3.2.1

Here are some samples:

Open these in Safari to see the power:

Sench Touch toolbars example - jsdo.it - share JavaScript, HTML5 and CSS

Sencha Touch overlays example - jsdo.it - share JavaScript, HTML5 and CSS

Ext JS test - alert - jsdo.it - share JavaScript, HTML5 and CSS


Sencha Touch and Ext JS are licensed under GPLv3,
and you know GPL has both freedom and restrictions.
We added some features to not worry about casual GPL violation.
see: http://jsdo.it/help#help_license for details.

jsdo.it blog widget relased!

You'll see a place to copy your blog widget code,

share

copy it and paste it on your blog and you'll get something like this:

Trail Fader - jsdo.it - share JavaScript, HTML5 and CSS

where your can click "Play" to see your creation, and "Stop" to stop it.

bunch of new Major Libraries

added Raphael, SWFObject, Processing.js, MooTools, Dojo, YUI3, Glow
as major libraries.

click on "Add Library" and select from "Major Libraries" to use one.

Hello, World! developers blog is open

jsdo.it developer blog born today!

please subscribe, or follow us on twitter for updates.