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).

Unusual opportunity for unusual engineer

KAYAC has posted a job offer for social app and game developer on GitHub. Check it out!

Submit your Golden Code during the holidays

Golden time to create your Golden code. jsdo.it has prepared a few handy topics for you to fork. Even those of you who have no time to put your passion into coding can easily try these.

One topic would be a simple image viewer like this:
http://jsdo.it/sugyan/cuxY

This script pulls various pics with a certain tag from instagram. Modify tags portion after URL's /tags/ and you will be able to get designated pics.

Detailed document is available here:
http://instagr.am/developer/endpoints/

Scalable Vector Graphics (SVG) is one of exciting and talked about markup languages today, and developers are working hard to meet its challenges and fully utilize its benefits.

Microsoft MIX11 opening keynote featured original SVG animation on HTML5 "SVG Girl" developed by jsdo.it core team. It's a flip-book type animation running at 10 SVG frames per second.

http://www.beautyoftheweb.com/#/experience/SVGgirl
http://blogs.msdn.com/b/cdndevs/archive/2011/04/12/svg-girl.aspx

Videos links:
http://live.visitmix.com/ (watch from 01:41:50)
http://www.youtube.com/watch?v=xwck69UvGt8

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

jQuery 1.5

jQuery: » jQuery 1.5 Released

added jQuery 1.5 as "Major Libraries".

so you can click on the "Add Libraries" button and choose them, to give it a try! or fork this template to start:

AddLibrary.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

JAM-HTML5 and FLASH Session4!

本日より、「JAM-HTML5 and FLASH Session4」が始まりました!
http://jsdo.it/event/jam/

今回のお題は「視覚的にも楽しめるせ楽器アプリをつくってください」です。
審査員には、d.v.dの山口崇司さんをむかえております。

世界をうならせるようなみなさまのクリエイティブな作品、お待ちしております!

Google Developer Day 2010

Google Developer Day 2010 出展作品募集!
「Google APIを使って魅力的なアニメーションバナーをつくってください。」

http://jsdo.it/event/googledeveloperday

この度、9月28日(火)、東京国際フォーラム(サテライト会場を京都で予定)にて開催されるGoogle Developer Dayに、jsdo.itが参加することになりました! Google Developer Day は Google が毎年世界各地で開催している開発者向けイベントです。
Googleが提供するAPIや技術、Googleが協力するオープンテクノロジーをテーマに、セッションが開催されます。

そこで、jsdo.itでは、GoogleAPIを使って制作された作品をみなさまから募り、投稿いただいた作品を、世界中から訪れるGoogle のソフトウェアエンジニアや Google のテクノロジーに精通したパートナー、コミュニティの方々にご覧頂こうと考えております。

みなさまの最新技術を使ったクリエイティブで、世界中のエンジニアをうならせてください。

なお、使用可能なAPIはこちらを参考にしてください。http://code.google.com/intl/ja/apis/ajax/※特設ページにあるお題コードではGoogle Map APIを使用していますが、特にAPIの限定はしていません。

[応募締め切り] 2010年9月27日

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.