구글에서 공개한 웹디자인툴 > 자유게시판

현재접속자 최신글 매뉴얼 FAQ
그누보드5
그누보드6
가이드
포럼
  • Q&A
  • 파이써니스타
  • 이슈
  • 버그신고
  • 사용후기
    • 자료실
  • 다운로드
  • 팁자료실
  • 스킨
  • 테마
  • 플러그인
    • Q & A
    궁금한 게 있으신가요? 지금 질문해보세요!
    솔루션
    프로그래밍
    서버
    사이트운영
    컨텐츠몰
    나의 재능을 팔아보세요!
    부가서비스
    프로모션! 신용카드 결제수수료 2.9%
    제작의뢰
    커뮤니티
    커뮤니티
    소모임
    스터디
    강좌
    기타

    자유게시판

    출석체크 십년전오늘 포인트가위바위보 포인트야구게임

    구글에서 공개한 웹디자인툴 정보

    구글에서 공개한 웹디자인툴

    본문

    http://www.google.com/webdesigner/

    아침에 보고 할말을 잃었습니다.
    추천
    0

    댓글 13개

    벤지 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물
    (218.♡.♡.186)
    13.10.01 09:33:09
    대충해보니
    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.*** 개인정보보호를 위한 전화번호 노출방지 ***, 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.*** 개인정보보호를 위한 전화번호 노출방지 ***, 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 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물
    (71.♡.♡.71)
    13.10.01 10:41:36
    윈7, 윈8 설치 잘되는데 아마 64bit 에서만 돌아가나 봅니다.  XP 에서 설치가 안된다고 하시니...

    기능은 좋은데 많이 무겁습니다.  (드림위버 CS6 에 비교해서 2배정도 무거운듯....)

    랩탑에 설치했더니 랩탑에서는 버벅거리네요.
    모노폴리 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물
    (112.♡.♡.8)
    13.10.01 11:54:23
    어도비 엣지도 64bit 이상에서만 설치되더라구요. 이것도 마찬가지인듯... 선택의 폭이 넓어졌네요. 어도비만 또 죽어 나가는건지 ㅋㅋㅋ
    모노폴리 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물
    (112.♡.♡.8)
    13.10.01 12:00:15
    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.
    전체 195,334 |RSS
    자유게시판 내용 검색
    출석체크 십년전오늘 포인트가위바위보 포인트야구게임

    회원로그인

    진행중 포인트경매

    1. 참여4 회 시작24.04.25 20:23 종료24.05.02 20:23
    (주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
    사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
    © SIRSOFT