WebCode

WebCode はベクタードローイングアプリで、JavaScript+Canvas、CSS+HTML、または SVG コードを即座に生成します。 HTML5 ゲーム、インフォグラフィック、Web ユーザーインターフェースのデザイン中、WebCode が自動的にコードを書き出します！ WebCode は解像度非依存性を念頭にゼロから開発されており、生成されるコードは Retina および非 Retina ディスプレイの両方で優れた動作を実現します。 また、SVG および PSD ファイルのインポートもサポートしているため、既にこれらのファイルをお持ちの場合、簡単に再利用できます。

JavaScript+Canvas：HTML5 Canvas を多用して描画を行う場合、WebCode があなたの最高のパートナーになります。 もう描画コードを手動で書く必要はありません。 あなたの描画は即座に JavaScript コードに変換され、単調で時間のかかる作業を大幅に削減します。 何より重要なのは、生成されるコードが美しく、クリーンで、読みやすい点です。 WebCode では、必要なときに便利に小さな JavaScript スニペットをコピーすることもできます。 CSS+HTML：CSS3 のグラデーション、シャドウ、メディアクエリを手動で記述するのはもう終わりです。 今後はすべて WebCode が代わりに行います。 実際、可能な限り多くの描画要素を CSS+HTML コードに変換します！

長方形、角丸長方形、楕円、テキスト、画像、グラデーション、内・外シャドウ、ストローク、塗りつぶしなどがすべて完全対応しています。 ベジェ曲線など、単純に CSS+HTML へ変換できない要素については、WebCode が役立つ警告メッセージを生成して知らせてくれます。 SVG：インフォグラフィック制作において SVG は真価を発揮し、WebCode はその描画を即座に読みやすく、簡潔で美しい SVG コードへ変換する優れたツールです。 コードはリアルタイムで表示され、変化や増加をその場で確認できます！ これは単に見た目がカッコいいだけでなく、SVG、JavaScript+Canvas、CSS を学ぶための非常に効果的な方法でもあります。

これらの機能はすべて、あなたの時間を節約し、本当に重要な「コンテンツそのもの」に集中できるよう設計されています。 主な機能：• すべての調整をリアルタイムでプレビュー可能 • 高解像度ディスプレイ時代に対応済み • 描画キャンバスをワンクリックで「Retina ディスプレイ」モードに切り替え可能 • ドキュメント