{"id":42,"date":"2013-11-13T20:30:25","date_gmt":"2013-11-13T20:30:25","guid":{"rendered":"https:\/\/mrmclaughlin.com\/web\/?p=42"},"modified":"2022-11-21T21:01:25","modified_gmt":"2022-11-21T21:01:25","slug":"google-web-deisgner-11-13-2013","status":"publish","type":"post","link":"https:\/\/www.mrmclaughlin.com\/blog\/2013\/11\/13\/google-web-deisgner-11-13-2013\/","title":{"rendered":"Google Web Deisgner 11\/13\/2013"},"content":{"rendered":"<article id=\"post-46489\" class=\"post-46489 post type-post status-publish format-standard has-post-thumbnail hentry category-den category-pennsylvania tag-den-techformation content-print\">\n<div class=\"entry-content\">\n<p><a href=\"https:\/\/web.archive.org\/web\/20210508183336\/https:\/\/www.google.com\/webdesigner\/\">Google Web Designer<\/a>\u00a0BETA is a full featured FREE website development environment. \u00a0It was created in a way that designs sites that work on every device. \u00a0The designer handles the HTML5 and CSS3 so if you don\u2019t know how to do all the technical stuff you can still create. If you want to you can still edit the code by hand. All the code behind your designs is hand-editable, so you\u2019re never locked out of your own work. If you are confortable with some coding the application offers a \u00a0Design View and Code View. \u00a0You can flip back and forth between Design View and Code View as you work, immediately seeing any changes made to code reflected back in your designs.<\/p>\n<p>There are \u00a0two built in animation modes. \u00a0In Quick mode, build your animations scene by scene and google designer will fill in the frames inbetwee. In Advanced mode, animate individual elements using layers, easily changing the location of elements within the stack. \u00a0In addition the application has full 3D authoring. A designer can create and manipulate 3D content utilizing an array of tools and the power of CSS3. Rotate objects and even 2D designs along any axis, visualizing 3D transformations and translations as you author.<\/p>\n<p>The application also includes illustration tools. Import assets from any other creative suite or use the built-in illustration tools to create vector-style artwork \u2013 keeping your designs light. To create new HTML tags in your designs, just draw them in with the Tag tool. \u00a0 The down side that I see for this is that it is not web based. \u00a0It must be down loaded and installed. \u00a0However, if you looking for a good free web development environment this might be it.<\/p>\n<p>There is a\u00a0<a href=\"https:\/\/web.archive.org\/web\/20210508183336\/https:\/\/groups.google.com\/forum\/#!forum\/gwdbeta\">forum<\/a>\u00a0for questions but I would start at the\u00a0<a href=\"https:\/\/web.archive.org\/web\/20210508183336\/https:\/\/support.google.com\/webdesigner\/#topic=3249465\">help center<\/a>\u00a0this includes the basics of getting started. \u00a0When you first open the application it is a lot to take in. There is also the\u00a0<a href=\"https:\/\/web.archive.org\/web\/20210508183336\/https:\/\/plus.google.com\/+googlewebdesigner\/posts\">google+<\/a>\u00a0page that highlights a lot of the cooler stuff the application can do.<\/p>\n<p>Have fun coding\u2026speaking of which did you read about the\u00a0<a href=\"https:\/\/web.archive.org\/web\/20210508183336\/http:\/\/blog.discoveryeducation.com\/blog\/2013\/11\/11\/den-fall-virtcon-the-hour-of-code\/\">HOUR OF CODE<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/article>\n<div class=\"related-post\">\n<div class=\"row-fluid\">\n<div class=\"content-inner\"><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Google Web Designer\u00a0BETA is a full featured FREE website development environment. \u00a0It was created in a way that designs sites that work on every device. \u00a0The designer handles the HTML5 and CSS3 so if you don\u2019t know how to do all the technical stuff you can still create. If you want to you can still [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-42","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/www.mrmclaughlin.com\/blog\/wp-json\/wp\/v2\/posts\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mrmclaughlin.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mrmclaughlin.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mrmclaughlin.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mrmclaughlin.com\/blog\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":1,"href":"https:\/\/www.mrmclaughlin.com\/blog\/wp-json\/wp\/v2\/posts\/42\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/www.mrmclaughlin.com\/blog\/wp-json\/wp\/v2\/posts\/42\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/www.mrmclaughlin.com\/blog\/wp-json\/wp\/v2\/media?parent=42"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mrmclaughlin.com\/blog\/wp-json\/wp\/v2\/categories?post=42"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mrmclaughlin.com\/blog\/wp-json\/wp\/v2\/tags?post=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}