1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Google releases a new Web Designing tool!

Discussion in 'Graphic Design' started by iwillnbd, Oct 1, 2013.

  1. iwillnbd

    iwillnbd Regular Member

    Joined:
    Mar 13, 2012
    Messages:
    398
    Likes Received:
    363
    Occupation:
    ....
    Location:
    C:
    Google has released a new web designing tool yesterday!


    Check it out here:
    Code:
    [URL]http://www.google.com/webdesigner/[/URL]
    Direct download link:
    Code:
    [URL]https://www.google.com/webdesigner/thankyou/[/URL]

    EDIT

    Since this has already been shared here, I would like to ask your experience with it !?
     
    • Thanks Thanks x 4
    Last edited: Oct 1, 2013
  2. Conor

    Conor Jr. VIP Jr. VIP

    Joined:
    Nov 7, 2012
    Messages:
    3,360
    Likes Received:
    5,422
    Gender:
    Male
    Location:
    South Africa
    Home Page:
  3. searchwiser

    searchwiser Jr. VIP Jr. VIP Premium Member

    Joined:
    Oct 11, 2009
    Messages:
    248
    Likes Received:
    147
    Occupation:
    Trucker For Many Years..Now FT Marketer
    Location:
    East Coast
    Not bad, Looks like WYSIWYG however
     
  4. BusinessMagnet

    BusinessMagnet Power Member

    Joined:
    Jul 4, 2013
    Messages:
    675
    Likes Received:
    321
  5. iwillnbd

    iwillnbd Regular Member

    Joined:
    Mar 13, 2012
    Messages:
    398
    Likes Received:
    363
    Occupation:
    ....
    Location:
    C:
    Do post your experience here!
     
  6. iwillnbd

    iwillnbd Regular Member

    Joined:
    Mar 13, 2012
    Messages:
    398
    Likes Received:
    363
    Occupation:
    ....
    Location:
    C:
  7. Aty

    Aty Jr. VIP Jr. VIP

    Joined:
    Jan 27, 2011
    Messages:
    5,408
    Likes Received:
    3,697
    Home Page:
  8. Gogol

    Gogol Elite Member

    Joined:
    Sep 10, 2010
    Messages:
    3,063
    Likes Received:
    2,872
    Gender:
    Male
    This should go to the graphics section, and not in the blackhat SEO tools.
     
  9. iwillnbd

    iwillnbd Regular Member

    Joined:
    Mar 13, 2012
    Messages:
    398
    Likes Received:
    363
    Occupation:
    ....
    Location:
    C:
    I was struck with a similar thought..
     
  10. Conor

    Conor Jr. VIP Jr. VIP

    Joined:
    Nov 7, 2012
    Messages:
    3,360
    Likes Received:
    5,422
    Gender:
    Male
    Location:
    South Africa
    Home Page:
    Well, first time dabbling has yielded the following results:

    Code:
    <!DOCTYPE html>
    <html><head data-gwd-animation-mode="proMode"><meta name="GCD" content="YTk3ODQ3ZWZhN2I4NzZmMzBkNTEwYjJl0f009078e2ff6301b2f7d409a325f326"/>
        <title>undefined</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="generator" content="Google Web Designer 1.0.0.924">
        <style type="text/css">html, body {
      width: 100%;
      height: 100%;
      margin: 0px;
    }
    
    
    body {
      background-color: transparent;
      -webkit-transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
      -moz-transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
      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;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
    }
    
    
    .gwd-div-zvzq {
      position: absolute;
      font-family: 'Times New Roman';
      text-align: left;
      color: rgb(0, 0, 0);
      border-image-source: none;
      border-color: transparent;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      top: 171px;
      left: 190px;
      width: 356px;
      height: 131px;
      -webkit-transform: matrix3d(0.4079526596, -0.1850647181, -0.8940501539, 0, 0.9130030819, 0.0826915543, 0.3994840164, 0, 0, -0.9792411128, 0.2026988975, 0, 0, 0, 0, 1);
      -moz-transform: matrix3d(0.4079526596, -0.1850647181, -0.8940501539, 0, 0.9130030819, 0.0826915543, 0.3994840164, 0, 0, -0.9792411128, 0.2026988975, 0, 0, 0, 0, 1);
      transform: matrix3d(0.4079526596, -0.1850647181, -0.8940501539, 0, 0.9130030819, 0.0826915543, 0.3994840164, 0, 0, -0.9792411128, 0.2026988975, 0, 0, 0, 0, 1);
      -webkit-transform-origin: 178px 65.5px 0px;
      -moz-transform-origin: 178px 65.5px 0px;
      transform-origin: 178px 65.5px 0px;
    }
    
    
    .gwd-gen-q4dzgwdanimation {
      -webkit-animation: gwd-gen-q4dzgwdanimation_gwd-keyframes 4s linear 0s 1 forwards;
      -moz-animation: gwd-gen-q4dzgwdanimation_gwd-keyframes 4s linear 0s 1 forwards;
      animation: gwd-gen-q4dzgwdanimation_gwd-keyframes 4s linear 0s 1 forwards;
    }
    
    
    @-webkit-keyframes gwd-gen-q4dzgwdanimation_gwd-keyframes {
      0% { top: 171px; left: 190px; width: 356px; height: 131px; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform-origin: 178px 65.5px 0px; -webkit-animation-timing-function: ease-in-out; }
      25% { top: 171px; left: 190px; width: 356px; height: 131px; -webkit-transform: matrix3d(0.4079526596, -0.1850647181, -0.8940501539, 0, 0.9130030819, 0.0826915543, 0.3994840164, 0, 0, -0.9792411128, 0.2026988975, 0, 0, 0, 0, 1); -webkit-transform-origin: 178px 65.5px 0px; -webkit-animation-timing-function: linear; }
      50% { top: 171px; left: 190px; width: 356px; height: 131px; -webkit-transform: matrix3d(-0.5742929388, -0.0300978422, -0.8180964127, 0, 0.814824782, -0.1175060343, -0.5676732392, 0, -0.0790455255, -0.9926159639, 0.0920073535, 0, 0, 0, 0, 1); -webkit-transform-origin: 178px 65.5px 0px; -webkit-animation-timing-function: ease-in; }
      75% { top: 171px; left: 190px; width: 356px; height: 131px; -webkit-transform: matrix3d(-0.9934501027, 0.0860777357, 0.0751499624, 0, 0.0446778806, 0.8979257899, -0.4378734551, 0, -0.1051702449, -0.4316478879, -0.8958902391, 0, 0, 0, 0, 1); -webkit-transform-origin: 178px 65.5px 0px; -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0.8, -0.095); }
      100% { top: 171px; left: 190px; width: 356px; height: 131px; -webkit-transform: matrix3d(0.9943319734, 0.0023593972, 0.1062937437, 0, 0.0446778806, 0.8979257899, -0.4378734551, 0, -0.0964770112, 0.4401405559, 0.8927309099, 0, 0, 0, 0, 1); -webkit-transform-origin: 50% 50% 0px; -webkit-animation-timing-function: linear; }
    }
    @-moz-keyframes gwd-gen-q4dzgwdanimation_gwd-keyframes {
      0% { top: 171px; left: 190px; width: 356px; height: 131px; -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -moz-transform-origin: 178px 65.5px 0px; -moz-animation-timing-function: ease-in-out; }
      25% { top: 171px; left: 190px; width: 356px; height: 131px; -moz-transform: matrix3d(0.4079526596, -0.1850647181, -0.8940501539, 0, 0.9130030819, 0.0826915543, 0.3994840164, 0, 0, -0.9792411128, 0.2026988975, 0, 0, 0, 0, 1); -moz-transform-origin: 178px 65.5px 0px; -moz-animation-timing-function: linear; }
      50% { top: 171px; left: 190px; width: 356px; height: 131px; -moz-transform: matrix3d(-0.5742929388, -0.0300978422, -0.8180964127, 0, 0.814824782, -0.1175060343, -0.5676732392, 0, -0.0790455255, -0.9926159639, 0.0920073535, 0, 0, 0, 0, 1); -moz-transform-origin: 178px 65.5px 0px; -moz-animation-timing-function: ease-in; }
      75% { top: 171px; left: 190px; width: 356px; height: 131px; -moz-transform: matrix3d(-0.9934501027, 0.0860777357, 0.0751499624, 0, 0.0446778806, 0.8979257899, -0.4378734551, 0, -0.1051702449, -0.4316478879, -0.8958902391, 0, 0, 0, 0, 1); -moz-transform-origin: 178px 65.5px 0px; -moz-animation-timing-function: cubic-bezier(0.25, 0.25, 0.8, -0.095); }
      100% { top: 171px; left: 190px; width: 356px; height: 131px; -moz-transform: matrix3d(0.9943319734, 0.0023593972, 0.1062937437, 0, 0.0446778806, 0.8979257899, -0.4378734551, 0, -0.0964770112, 0.4401405559, 0.8927309099, 0, 0, 0, 0, 1); -moz-transform-origin: 50% 50% 0px; -moz-animation-timing-function: linear; }
    }
    @keyframes gwd-gen-q4dzgwdanimation_gwd-keyframes {
      0% { top: 171px; left: 190px; width: 356px; height: 131px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 178px 65.5px 0px; animation-timing-function: ease-in-out; }
      25% { top: 171px; left: 190px; width: 356px; height: 131px; transform: matrix3d(0.4079526596, -0.1850647181, -0.8940501539, 0, 0.9130030819, 0.0826915543, 0.3994840164, 0, 0, -0.9792411128, 0.2026988975, 0, 0, 0, 0, 1); transform-origin: 178px 65.5px 0px; animation-timing-function: linear; }
      50% { top: 171px; left: 190px; width: 356px; height: 131px; transform: matrix3d(-0.5742929388, -0.0300978422, -0.8180964127, 0, 0.814824782, -0.1175060343, -0.5676732392, 0, -0.0790455255, -0.9926159639, 0.0920073535, 0, 0, 0, 0, 1); transform-origin: 178px 65.5px 0px; animation-timing-function: ease-in; }
      75% { top: 171px; left: 190px; width: 356px; height: 131px; transform: matrix3d(-0.9934501027, 0.0860777357, 0.0751499624, 0, 0.0446778806, 0.8979257899, -0.4378734551, 0, -0.1051702449, -0.4316478879, -0.8958902391, 0, 0, 0, 0, 1); transform-origin: 178px 65.5px 0px; animation-timing-function: cubic-bezier(0.25, 0.25, 0.8, -0.095); }
      100% { top: 171px; left: 190px; width: 356px; height: 131px; transform: matrix3d(0.9943319734, 0.0023593972, 0.1062937437, 0, 0.0446778806, 0.8979257899, -0.4378734551, 0, -0.0964770112, 0.4401405559, 0.8927309099, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; animation-timing-function: linear; }
    }
    .gwd-gen-q4dzgwdanimation-gen-animation0keyframe {
      top: 171px;
      left: 190px;
      width: 356px;
      height: 131px;
      -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
      -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
      transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
      -webkit-transform-origin: 178px 65.5px 0px;
      -moz-transform-origin: 178px 65.5px 0px;
      transform-origin: 178px 65.5px 0px;
    }
    
    
    </style>
      </head>
      
      <body>
        <div class="gwd-div-zvzq gwd-gen-q4dzgwdanimation gwd-gen-q4dzgwdanimation-gen-animation0keyframe">I am a text. Bow before me minion</div>
      
    
    
    </body></html>
    
     
  11. Gogol

    Gogol Elite Member

    Joined:
    Sep 10, 2010
    Messages:
    3,063
    Likes Received:
    2,872
    Gender:
    Male
    Chrome only css3 rules as I fear :D
     
  12. Conor

    Conor Jr. VIP Jr. VIP

    Joined:
    Nov 7, 2012
    Messages:
    3,360
    Likes Received:
    5,422
    Gender:
    Male
    Location:
    South Africa
    Home Page:
    Apparently it's compatible in IE10+, Firefox and Safari... According to the export tool at least :)
     
    • Thanks Thanks x 1
  13. Gogol

    Gogol Elite Member

    Joined:
    Sep 10, 2010
    Messages:
    3,063
    Likes Received:
    2,872
    Gender:
    Male
    IE10+ :p
    Wait 10 more years lol :p
     
    • Thanks Thanks x 1
  14. AquaticGamer

    AquaticGamer Jr. VIP Jr. VIP

    Joined:
    Apr 13, 2013
    Messages:
    4,081
    Likes Received:
    1,515
    Gender:
    Male
    Location:
    http://www.AQSocials.com
    Home Page:
  15. lostchiekurs

    lostchiekurs Junior Member

    Joined:
    Apr 4, 2012
    Messages:
    136
    Likes Received:
    36
    Location:
    Latvia
    I like how it is already in 2nd position for keyword "web designer" google gonna google!
     
    • Thanks Thanks x 1
  16. SEOHULK

    SEOHULK BANNED BANNED

    Joined:
    Aug 20, 2013
    Messages:
    102
    Likes Received:
    45
    Looks pretty basic IMO, noting useful except for pushing people out of "web designer" niche in SERPs ... :\
     
    • Thanks Thanks x 1
  17. Gogol

    Gogol Elite Member

    Joined:
    Sep 10, 2010
    Messages:
    3,063
    Likes Received:
    2,872
    Gender:
    Male
    Checked your code out. Indeed it is gonna support firefox as well as other modern browsers ( they have used -webkit and -moz rules together). Nice initiative by google :)
     
    • Thanks Thanks x 1
  18. iwillnbd

    iwillnbd Regular Member

    Joined:
    Mar 13, 2012
    Messages:
    398
    Likes Received:
    363
    Occupation:
    ....
    Location:
    C:
    Yes, its not too fancy but i think it might help some people.
     
  19. djhickory

    djhickory Jr. VIP Jr. VIP Premium Member

    Joined:
    Apr 3, 2011
    Messages:
    136
    Likes Received:
    13
    very nice little app, tinkering with it right now, and love it
    thanks for the heads up
     
  20. clpik

    clpik Regular Member Premium Member

    Joined:
    May 9, 2009
    Messages:
    227
    Likes Received:
    31
    Home Page:
    Thanks OP, gonna check it out. Though I wouldn't be surprised if it's actually used to spy on us:D