[値下げ] WebCode

Bookmark and Share Check  

スクリーンショット

アプリケーションの説明

原文を表示
WebCode is a vector drawing app that instantly generates JavaScript+Canvas, CSS+HTML or SVG code. While you are designing HTML5 games, infographics or web user interfaces, WebCode tirelessly writes the code for you!

Developed from the ground up with resolution independence in mind, the code generated by WebCode works great on both Retina and non-Retina displays. WebCode also imports SVG and PSD files, so if you already have some of these, you can easily reuse them.

JavaScript+Canvas
If you are doing a lot of HTML5 Canvas drawing, WebCode will become your best friend. You will no longer have to write the drawing code by hand. Your drawings will be converted to JavaScript code instantly, saving you countless hours of tedious work. Most importantly, the generated code is nice, clean and readable. WebCode even lets you conveniently copy small JavaScript snippets just when you need them.

CSS+HTML
Stop writing CSS3 gradients, shadows and media queries by hand - from now on, WebCode will do that for you. In fact, it will convert as much of your drawings as possible to CSS+HTML code! Rectangles, rounded rectangles, ovals, texts, images, gradients, inner and outer shadows, strokes and fills are all well supported. And for things like béziers that simply cannot be converted to CSS+HTML, WebCode will let you know by generating helpful warnings.

SVG
SVG shines when making infographics, and WebCode is a great tool that instantly transforms your drawings to readable, succinct and beautiful SVG code. The code is shown in real time - you can see it change and grow! This is not only really cool to look at, but it is also a great way to learn SVG, JavaScript+Canvas and CSS. All of these features are designed to save your time, so you can focus on what is really important - the content itself.


Features
• Real time preview of every adjustment you make
• Prepared for the world of high resolution displays
• Drawing canvas can be switched to "Retina display" mode with a single click

Basic Shapes and Vector Drawing Tools
• Rectangles, rounded rectangles, ovals, béziers, polygons, stars and texts
• Boolean operations
• Text-to-bézier conversion

Code Generation & Export
• Real time generation of nice and readable drawing code
• Support for JavaScript+Canvas, CSS+HTML and SVG code generation
• Simple export of all generated source codes and resources
• PNG, TIFF, PDF export options

Import
• SVG import
• PSD import allows you to import layer graphics, paths, text, groups and important layer effects from Adobe Photoshop documents

Dynamic Colors
• New colors can be derived from the existing ones by changing their opacity, hue, brightness, etc.
• All derived colors are updated automatically when their base color changes

Library of Colors, Gradients, Shadows and Images
• Colors, shadows, gradients and images can be reused across your document
• Inner and outer shadows
• Linear and circular, multi-step gradients
• Images (with support for both Retina and non-Retina resolutions)

Dynamic Shapes
• You can define how complex drawings should behave when they are resized
• Shape coordinates and dimensions can be dynamically linked to user-defined frames
• Behavior of individual bézier control points can be customized
• Fully supported by the JavaScript+Canvas target, partial support in CSS+HTML

Smart Groups
• Custom resizing behavior of group content
• Blend modes and clips
• Group shadow and opacity
WebCode is a vector drawing app that instantly generates JavaScript+Canvas, CSS+HTML or SVG code. While you are designing HTML5 games, infographics or web user interfaces, WebCode tirelessly writes the code for you!

Developed from the ground up with resolution independence in mind, the code generated by WebCode works great on both Retina and non-Retina displays. WebCode also imports SVG and PSD files, so if you already have some of these, you can easily reuse them.

JavaScript+Canvas
If you are doing a lot of HTML5 Canvas drawing, WebCode will become your best friend. You will no longer have to write the drawing code by hand. Your drawings will be converted to JavaScript code instantly, saving you countless hours of tedious work. Most importantly, the generated code is nice, clean and readable. WebCode even lets you conveniently copy small JavaScript snippets just when you need them.

CSS+HTML
Stop writing CSS3 gradients, shadows and media queries by hand - from now on, WebCode will do that for you. In fact, it will convert as much of your drawings as possible to CSS+HTML code! Rectangles, rounded rectangles, ovals, texts, images, gradients, inner and outer shadows, strokes and fills are all well supported. And for things like béziers that simply cannot be converted to CSS+HTML, WebCode will let you know by generating helpful warnings.

SVG
SVG shines when making infographics, and WebCode is a great tool that instantly transforms your drawings to readable, succinct and beautiful SVG code. The code is shown in real time - you can see it change and grow! This is not only really cool to look at, but it is also a great way to learn SVG, JavaScript+Canvas and CSS. All of these features are designed to save your time, so you can focus on what is really important - the content itself.


Features
• Real time preview of every adjustment you make
• Prepared for the world of high resolution displays
• Drawing canvas can be switched to "Retina display" mode with a single click

Basic Shapes and Vector Drawing Tools
• Rectangles, rounded rectangles, ovals, béziers, polygons, stars and texts
• Boolean operations
• Text-to-bézier conversion

Code Generation & Export
• Real time generation of nice and readable drawing code
• Support for JavaScript+Canvas, CSS+HTML and SVG code generation
• Simple export of all generated source codes and resources
• PNG, TIFF, PDF export options

Import
• SVG import
• PSD import allows you to import layer graphics, paths, text, groups and important layer effects from Adobe Photoshop documents

Dynamic Colors
• New colors can be derived from the existing ones by changing their opacity, hue, brightness, etc.
• All derived colors are updated automatically when their base color changes

Library of Colors, Gradients, Shadows and Images
• Colors, shadows, gradients and images can be reused across your document
• Inner and outer shadows
• Linear and circular, multi-step gradients
• Images (with support for both Retina and non-Retina resolutions)

Dynamic Shapes
• You can define how complex drawings should behave when they are resized
• Shape coordinates and dimensions can be dynamically linked to user-defined frames
• Behavior of individual bézier control points can be customized
• Fully supported by the JavaScript+Canvas target, partial support in CSS+HTML

Smart Groups
• Custom resizing behavior of group content
• Blend modes and clips
• Group shadow and opacity

PixelCut s.r.o.の他のアプリ

価格:6,500円8,500円 

価格:9,800円 

twitterのつぶやき

該当するつぶやきは見つかりませんでした。
ジャンル: 開発ツール サイズ: 3.5 MB
販売業者: PixelCut s.r.o. リリース: 2013/04/05
バージョン: 1.1.1 対応言語: 英語
Webサイト:

WebCode

価格:4,300円4,000円

RMVB & RM Converter

価格:850円1,000円

Learn - Final Cut Pro X 10.1 Edition

価格:700円1,000円

Defense Zone 3 Ultra HD

価格:600円360円

Donkey Master

価格:240円

UT DVD Creator Pro

価格:2,200円1,600円

Watch TV

価格:500円

Learn - OS X Mavericks Edition

価格:700円840円

HipHop

価格:1,000円