구글에서 공개한 웹디자인툴
댓글 13개
12년 전
대충해보니
html5 생성하는 툴로 미래를 내다보고 개발한 툴이네요...
소스가 길지도 않고
( 벡터 방식이 들어간것 같은 일부 소스...꼭 3d 호환 포맷 dxf 보는것 같은... )
구경하시라고 대충 그려서 생성한 코드 올려 봅니다.
<!DOCTYPE html>
<html>
<head data-gwd-animation-mode="quickMode">
<meta name="generator" content="Google Web Designer 1.0.0.924">
<meta name="template" content="Banner 1.0.5">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
html, body {
width: 100%;
height: 100%;
margin: 0px;
}
.gwd-page-container {
position: relative;
width: 100%;
height: 100%;
}
.gwd-page-content {
background-color: transparent;
-webkit-transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-transform-style: preserve-3d;
position: absolute;
}
.gwd-page-wrapper {
background-color: rgb(255, 255, 255);
position: absolute;
-webkit-transform: translateZ(0px);
}
.gwd-page-size {
width: 300px;
height: 250px;
}
.gwd-canvas-051l {
position: absolute;
width: 182px;
height: 156px;
left: 60px;
top: 46px;
color: rgb(0, 0, 0);
-webkit-transform: matrix3d(0.1097678913, 0.5145456165, 0.8504080307, 0, -0.0957220401, 0.8570736978, -0.5062232389, 0, -0.9893373041, -0.0258357342, 0.1433325286, 0, 12.3003780136, -2.043189242, -1.1611323388, 1);
-webkit-transform-style: preserve-3d;
}
.gwd-div-qkk1 {
position: absolute;
width: 335.2551040107px;
height: 166.8870859252px;
left: 129px;
top: -158px;
font-family:'Times New Roman';
text-align: left;
background-image: none;
background-color: rgb(196, 43, 43);
-webkit-transform-style: preserve-3d;
-webkit-transform: matrix3d(-0.5045240092, 0.8182173136, 0.2756373558, 0, -0.7926617396, -0.3123980832, -0.5235406425, 0, -0.3422614365, -0.4826260098, 0.8061818925, 0, 2.2488894471, -1.200992634, 19.3870787251, 1);
}
.gwd-gen-hxz7 .gwd-gen-gpbjgwdanimation {
-webkit-animation: gwd-gen-gpbjgwdanimation_animation 2s linear 0s 1 forwards;
}
.gwd-gen-hxz7 .gwd-gen-x7eogwdanimation {
-webkit-animation: gwd-gen-x7eogwdanimation_animation 2s linear 0s 1 forwards;
}
@-webkit-keyframes gwd-gen-gpbjgwdanimation_animation {
0% {
-webkit-animation-timing-function: linear;
-webkit-transform: matrix3d(0.800657472, 0.5878786608, 0.1155261565, 0, -0.5048656421, 0.7658539133, -0.3982191193, 0, -0.3225806816, 0.2605119262, 0.9099863956, 0, 12.3003780136, -2.043189242, -1.1611323388, 1);
}
50% {
-webkit-animation-timing-function: linear;
-webkit-transform: matrix3d(0.800657472, 0.5878786608, 0.1155261565, 0, -0.5048656421, 0.7658539133, -0.3982191193, 0, -0.3225806816, 0.2605119262, 0.9099863956, 0, 12.3003780136, -2.043189242, -1.1611323388, 1);
}
100% {
-webkit-animation-timing-function: linear;
-webkit-transform: matrix3d(0.1097678913, 0.5145456165, 0.8504080307, 0, -0.0957220401, 0.8570736978, -0.5062232389, 0, -0.9893373041, -0.0258357342, 0.1433325286, 0, 12.3003780136, -2.043189242, -1.1611323388, 1);
}
}
@-webkit-keyframes gwd-gen-x7eogwdanimation_animation {
0% {
-webkit-animation-timing-function: linear;
-webkit-transform: matrix3d(-0.5248560421, 0.8511910098, 0, 0, -0.8511910098, -0.5248560421, 0, 0, 0, 0, 1, 0, 2.2488894471, -1.200992634, 19.3870787251, 1);
}
50% {
-webkit-animation-timing-function: linear;
-webkit-transform: matrix3d(-0.5045240092, 0.8182173136, 0.2756373558, 0, -0.7926617396, -0.3123980832, -0.5235406425, 0, -0.3422614365, -0.4826260098, 0.8061818925, 0, 2.2488894471, -1.200992634, 19.3870787251, 1);
}
100% {
-webkit-animation-timing-function: linear;
-webkit-transform: matrix3d(-0.5045240092, 0.8182173136, 0.2756373558, 0, -0.7926617396, -0.3123980832, -0.5235406425, 0, -0.3422614365, -0.4826260098, 0.8061818925, 0, 2.2488894471, -1.200992634, 19.3870787251, 1);
}
}
</style>
<script type="text/x-serialization" id="gwd-serialization">
{
"version": 1,
"content": {
"type": "rad.ad.RichMedia",
"properties": {
"environment": "@environment"
},
"children": [
"@page1"
]
},
"objects": {
"environment": {
"type": "rad.environment.DoubleClickStudio",
"properties": {
"isBanner": true
html5 생성하는 툴로 미래를 내다보고 개발한 툴이네요...
소스가 길지도 않고
( 벡터 방식이 들어간것 같은 일부 소스...꼭 3d 호환 포맷 dxf 보는것 같은... )
구경하시라고 대충 그려서 생성한 코드 올려 봅니다.
<!DOCTYPE html>
<html>
<head data-gwd-animation-mode="quickMode">
<meta name="generator" content="Google Web Designer 1.0.0.924">
<meta name="template" content="Banner 1.0.5">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
html, body {
width: 100%;
height: 100%;
margin: 0px;
}
.gwd-page-container {
position: relative;
width: 100%;
height: 100%;
}
.gwd-page-content {
background-color: transparent;
-webkit-transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-transform-style: preserve-3d;
position: absolute;
}
.gwd-page-wrapper {
background-color: rgb(255, 255, 255);
position: absolute;
-webkit-transform: translateZ(0px);
}
.gwd-page-size {
width: 300px;
height: 250px;
}
.gwd-canvas-051l {
position: absolute;
width: 182px;
height: 156px;
left: 60px;
top: 46px;
color: rgb(0, 0, 0);
-webkit-transform: matrix3d(0.1097678913, 0.5145456165, 0.8504080307, 0, -0.0957220401, 0.8570736978, -0.5062232389, 0, -0.9893373041, -0.0258357342, 0.1433325286, 0, 12.3003780136, -2.043189242, -1.1611323388, 1);
-webkit-transform-style: preserve-3d;
}
.gwd-div-qkk1 {
position: absolute;
width: 335.2551040107px;
height: 166.8870859252px;
left: 129px;
top: -158px;
font-family:'Times New Roman';
text-align: left;
background-image: none;
background-color: rgb(196, 43, 43);
-webkit-transform-style: preserve-3d;
-webkit-transform: matrix3d(-0.5045240092, 0.8182173136, 0.2756373558, 0, -0.7926617396, -0.3123980832, -0.5235406425, 0, -0.3422614365, -0.4826260098, 0.8061818925, 0, 2.2488894471, -1.200992634, 19.3870787251, 1);
}
.gwd-gen-hxz7 .gwd-gen-gpbjgwdanimation {
-webkit-animation: gwd-gen-gpbjgwdanimation_animation 2s linear 0s 1 forwards;
}
.gwd-gen-hxz7 .gwd-gen-x7eogwdanimation {
-webkit-animation: gwd-gen-x7eogwdanimation_animation 2s linear 0s 1 forwards;
}
@-webkit-keyframes gwd-gen-gpbjgwdanimation_animation {
0% {
-webkit-animation-timing-function: linear;
-webkit-transform: matrix3d(0.800657472, 0.5878786608, 0.1155261565, 0, -0.5048656421, 0.7658539133, -0.3982191193, 0, -0.3225806816, 0.2605119262, 0.9099863956, 0, 12.3003780136, -2.043189242, -1.1611323388, 1);
}
50% {
-webkit-animation-timing-function: linear;
-webkit-transform: matrix3d(0.800657472, 0.5878786608, 0.1155261565, 0, -0.5048656421, 0.7658539133, -0.3982191193, 0, -0.3225806816, 0.2605119262, 0.9099863956, 0, 12.3003780136, -2.043189242, -1.1611323388, 1);
}
100% {
-webkit-animation-timing-function: linear;
-webkit-transform: matrix3d(0.1097678913, 0.5145456165, 0.8504080307, 0, -0.0957220401, 0.8570736978, -0.5062232389, 0, -0.9893373041, -0.0258357342, 0.1433325286, 0, 12.3003780136, -2.043189242, -1.1611323388, 1);
}
}
@-webkit-keyframes gwd-gen-x7eogwdanimation_animation {
0% {
-webkit-animation-timing-function: linear;
-webkit-transform: matrix3d(-0.5248560421, 0.8511910098, 0, 0, -0.8511910098, -0.5248560421, 0, 0, 0, 0, 1, 0, 2.2488894471, -1.200992634, 19.3870787251, 1);
}
50% {
-webkit-animation-timing-function: linear;
-webkit-transform: matrix3d(-0.5045240092, 0.8182173136, 0.2756373558, 0, -0.7926617396, -0.3123980832, -0.5235406425, 0, -0.3422614365, -0.4826260098, 0.8061818925, 0, 2.2488894471, -1.200992634, 19.3870787251, 1);
}
100% {
-webkit-animation-timing-function: linear;
-webkit-transform: matrix3d(-0.5045240092, 0.8182173136, 0.2756373558, 0, -0.7926617396, -0.3123980832, -0.5235406425, 0, -0.3422614365, -0.4826260098, 0.8061818925, 0, 2.2488894471, -1.200992634, 19.3870787251, 1);
}
}
</style>
<script type="text/x-serialization" id="gwd-serialization">
{
"version": 1,
"content": {
"type": "rad.ad.RichMedia",
"properties": {
"environment": "@environment"
},
"children": [
"@page1"
]
},
"objects": {
"environment": {
"type": "rad.environment.DoubleClickStudio",
"properties": {
"isBanner": true
cshop2
12년 전
윈7, 윈8 설치 잘되는데 아마 64bit 에서만 돌아가나 봅니다. XP 에서 설치가 안된다고 하시니...
기능은 좋은데 많이 무겁습니다. (드림위버 CS6 에 비교해서 2배정도 무거운듯....)
랩탑에 설치했더니 랩탑에서는 버벅거리네요.
기능은 좋은데 많이 무겁습니다. (드림위버 CS6 에 비교해서 2배정도 무거운듯....)
랩탑에 설치했더니 랩탑에서는 버벅거리네요.
12년 전
어도비 엣지도 64bit 이상에서만 설치되더라구요. 이것도 마찬가지인듯... 선택의 폭이 넓어졌네요. 어도비만 또 죽어 나가는건지 ㅋㅋㅋ
12년 전
System requirements
Minimum Recommended
Operating system Windows® 7/ Windows 8
Mac® OS X 10.7.x or later Windows® 7/ Windows 8
Mac® OS X 10.7.x or later
Processor Intel Pentium® 4 or AMD Athlon 64 processor Intel Pentium® 4 or AMD Athlon 64 processor
Memory 2 GB RAM 4 GB RAM
Screen resolution 1280x1024 1920x1080
Application window size 1024x768 minimum 1024x768 or larger
Internet connection Required for initial use after download, for updates, and for help access. Required for initial use after download, for updates, and for help access.
Minimum Recommended
Operating system Windows® 7/ Windows 8
Mac® OS X 10.7.x or later Windows® 7/ Windows 8
Mac® OS X 10.7.x or later
Processor Intel Pentium® 4 or AMD Athlon 64 processor Intel Pentium® 4 or AMD Athlon 64 processor
Memory 2 GB RAM 4 GB RAM
Screen resolution 1280x1024 1920x1080
Application window size 1024x768 minimum 1024x768 or larger
Internet connection Required for initial use after download, for updates, and for help access. Required for initial use after download, for updates, and for help access.
게시판 목록
자유게시판
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 199687 | 1개월 전 | 168 | ||
| 199686 | 1개월 전 | 463 | ||
| 199685 | 1개월 전 | 94 | ||
| 199684 | 1개월 전 | 157 | ||
| 199683 |
 Gothrock |
1개월 전 | 161 | |
| 199682 |
비버팩토리
|
1개월 전 | 109 | |
| 199681 | 1개월 전 | 163 | ||
| 199680 | 1개월 전 | 133 | ||
| 199679 | 1개월 전 | 114 | ||
| 199678 | 1개월 전 | 198 | ||
| 199677 |
Gothrock |
1개월 전 | 200 | |
| 199676 | 1개월 전 | 115 | ||
| 199675 | 1개월 전 | 89 | ||
| 199674 | 1개월 전 | 257 | ||
| 199673 | 1개월 전 | 165 | ||
| 199672 | 1개월 전 | 160 | ||
| 199671 | 1개월 전 | 139 | ||
| 199670 | 1개월 전 | 121 | ||
| 199669 |
Gothrock |
1개월 전 | 204 | |
| 199668 | 1개월 전 | 136 | ||
| 199667 |
nekoieye
|
1개월 전 | 201 | |
| 199666 | 1개월 전 | 158 | ||
| 199665 | 1개월 전 | 444 | ||
| 199664 | 1개월 전 | 153 | ||
| 199663 | 1개월 전 | 258 | ||
| 199662 |
 하이루에야 |
1개월 전 | 141 | |
| 199661 | 1개월 전 | 118 | ||
| 199660 |
별찢이내린다샤랄랄라랄라
|
1개월 전 | 226 | |
| 199659 |
Gothrock |
1개월 전 | 140 | |
| 199658 | 1개월 전 | 139 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기