Improvements on code editor in Jan, 2013

Happy new year, everyone! How about the first month of 2013? There's only one week left for Januaray. Times goes by so fast. So let's speed up!

Talking about jsdo.it, in January, we've added some new features for our code editor.

  • Keyboard shortcuts

    We've added keyboard shortcuts for tab switching, saving and reloading preview.

    Ctrl + 1 / ⌘ + 1 Switch to README tab
    Ctrl + 2 / ⌘ + 2 Switch to JavaScript tab
    Ctrl + 3 / ⌘ + 3 Switch to HTML tab
    Ctrl + 4 / ⌘ + 4 Switch to CSS tab
    Ctrl + 5 / ⌘ + 5 Switch to File tab
    Ctrl + 0 / ⌘ + 0 Switch to Properties tab
    Ctrl + s / ⌘ + s Save manually
    Ctrl + r / ⌘ + r Reload preview

    And the shortcuts can be also referred from the Keyboard shortcuts button in the bottom right corner.

  • Auto-saving

    After the code is edited, it'll be automatically saved. If you want to turn off this feature, you can just turn off the checkbox named as Auto in the top right corner. And please pay attention that if the auto-saving is turned off, the preview will not be reloaded automatically after saving.

    autosave.png

  • Fixing display on iPhone & iPad

    We've fixed display problem that occurs when the editor is zoomed in/out on iPhone and iPad. Now you can use iPhone or iPad to edit your code.

  • Color scheme

    If you click the button in the bottom of the code editor, a color scheme panel will show up. And you can choose any theme you like as your default choice. You can also change the setting in your account setting page.

    theme_selector.png

  • Thumbnail uploading

    Now we make it able for users to upload any picture they want for the code thumbnail. You can do it in code properties tab. And any JPG, PNG or GIF picture in 465px * 465px size can be used.

    snapshot_upload.png

Why not have a try right now?

With our best wishes

あけましておめでとうございます!
2013年、いかがお過ごしでしょうか?
なんと、1月も残り1週間を切りました。あっという間に時間は過ぎていきますね。
スピード、上げていきましょう!

ということでjsdo.itでは、今月1月、
コードエディターにいくつかの新機能を追加しました!

  • ショットカットキー

    ショットカットキーにタブ切り替え、保存、リロードを追加しました。

    Ctrl + 1 / ⌘ + 1 READMEタブ
    Ctrl + 2 / ⌘ + 2 JavaScriptタブ
    Ctrl + 3 / ⌘ + 3 HTMLタブ
    Ctrl + 4 / ⌘ + 4 CSSタブ
    Ctrl + 5 / ⌘ + 5 ファイルアップロードタブ
    Ctrl + 0 / ⌘ + 0 コード詳細設定タブ
    Ctrl + s / ⌘ + s 手動保存
    Ctrl + r / ⌘ + r リロード

    エディターの右下にある「Keyboard shortcuts」ボタンにまとめております。

  • 自動保存機能

    コードが編集されたら、自動的に保存されます。
    自動保存を無効にしたいときは、右上の Auto というチェックボックスをオフにしてください。
    ただし自動保存が無効の場合、保存後の自動リロードも無効になります。

    autosave.png

  • iPhoneとiPadでエディターの表示崩れ修正

    iPhoneとiPadでエディターを拡大・縮小したときに表示が崩れる問題を修正しました。
    現在、iPhoneとiPadでコード編集・保存できるようになっております。

  • テーマ設定

    コードエディターの下にある三角のボタンを押すと、テーマ設定のパネルが現れます。
    その中から自分の好みのテーマを選んで、デフォルトに設定できます。
    アカウント設定のページでも設定できます。

    theme_selector.png

  • サムネイルアップロード

    コードのサムネイル画像に使いたい画像をアップロードできるようになりました。
    コード詳細設定タブの中でアップロードできます。
    横465px、縦465pxのJPG、PNG、GIF画像が使用可能です。

    snapshot_upload.png

是非新機能をお試しください!
ことしも良い一年になりますように!