Google Web Designer beta now available: A Visual Tool For Building Interactive HTML5 Sites And Ads

Google Web Designer beta now available: A Visual Tool For Building Interactive HTML5 Sites And Ads
by Janeth Kent Date: 30-09-2013 google web designers developers html5 news chrome


Google today announced the launch of Web Designer, a new tool for building interactive HTML5 sites and ads.

The company commissioned a research study with Illuminas to uncover the barriers that agencies face when buying on and developing for mobile platforms. The first barrier is that there are too many choices to make when developing for mobile -- too many platforms, browsers, and devices to build for, and no tools that simplify the development process.

Google team worked hard to solve this development challenge by offering agencies powerful yet easy-to-use tools for HTML5 production.

The company first hinted at this launch in June, but had been quiet about it ever since. Web Designer, which Google calls a "professional-quality design tool," is now officially in public beta and available for download for Mac and Windows.

 

Google Web Designer Demo

 

Google Web Designer enables you to:

  1. Create animated HTML5 creative, with a robust, yet intuitive set of design tools. 
  2. View and edit the code behind your designs and see your edits reflected back on the stage automatically. 
  3. Build ad creatives seamlessly for DoubleClick and AdMob, or publish them to any generic environment you choose. 
  4. Receive updates to the product automatically, without having to re-download the application.
  5. Access all of this entirely for free.

So, Web Designer is a visual tool, but you can also develop in JavaScript and CSS to fine-tune different aspect of your site. Indeed, Web Designer allows you to manipulate your code and lets you preview your creations.

 

Pen Tool Demo

 

Web Designer also features the ability to create 3D content using the power of CSS3, as well as a set of pre-built components for galleries, maps and embedded YouTube videos.

For animations, Web Developer features a Quick mode for building animations scene by scene.

Ready to give it a spin?

 

 

 

 
by Janeth Kent Date: 30-09-2013 google web designers developers html5 news chrome hits : 13623  
 
Janeth Kent

Janeth Kent

Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN END DEVELOPMENT.

 
 
 

Related Posts

How to Send Email from an HTML Contact Form

In today’s article we will write about how to make a working form that upon hitting that submit button will be functional and send the email (to you as a…

How to multiply matrices in JavaScript

It may seem strange to want to know how to multiply matrices in JavaScript. But we will see some examples where it is useful to know how to perform this…

JavaScript Formatting Date Tips

Something that seems simple as the treatment of dates can become complex if we don't take into account how to treat them when presenting them to the user. That is…

Parental controls on Android: how to make mobiles and tablets child-friendly

Despite all the good things about them, mobile devices can expose your children to content that they're better off not seeing. The good news is that your Android phone or…

Top tools for UX design and research

This article is a compilation of the "ux tools" I have tested in recent years. I've separated the tools by categories, although I recommend you to take a look at all…

How to make a multilingual website without redirect

Today, we're going to talk about how to implement a simple language selector on the basic static website, without the need of any backend or database calls or redirection to…

Starting with Bootstrap-Vue step by step

Today we will show you how to use BootstrapVue, describe the installation process and show basic functionality. The project’s based on the world's most popular CSS framework - Bootstrap, for building…

Bootstrap 5 beta2. What offers?

Since the release of the Bootstrap 4 is three years, in this article we will present what is new in the world’s most popular framework for building responsive, mobile-first sites.…

Interesting and Helpful Google Search Features You’ll Want to Start Using

Google – THE search engine for many internet users. It has been with us since its launch back in 1998 and thanks to its simplicity of use and genius algorithms,…

Graphic design and its impact on Web Development

In today's article we will explain the concept of graphic design, its fundamentals and what it brings into web development. Graphic design is applied to everything visual, believe or not,…

Creating simple CSS spinner-loader

In today's article we will show you how to animate a basic loader that spins when some predefined action is defined, such as loading an image. That can be used…

Google Maps updates and now shows gas prices at gas stations

Any help, no matter how small, that can make our daily life easier is welcome; for example, Google Maps has allowed us to move from one corner to another is…

We use our own and third-party cookies to improve our services, compile statistical information and analyze your browsing habits. This allows us to personalize the content we offer and to show you advertisements related to your preferences. By clicking "Accept all" you agree to the storage of cookies on your device to improve website navigation, analyse traffic and assist our marketing activities. You can also select "System Cookies Only" to accept only the cookies required for the website to function, or you can select the cookies you wish to activate by clicking on "settings".

Accept All Only sistem cookies Configuration