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 : 15439  
 
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

The man who married a hologram: fact or fiction? The story of Akihiko Kondo

His name is Akihiko Kondo, he is 38 years old, and four years ago he married Hatsune Miku. What's strange about this? Miku is not a person but a hologram…

China dives into deep learning

China plans to diversify the application areas of deep learning. Moreover, this system, which allows computers to be trained to perform tasks like those performed by humans, such as speech…

Misinformation also attacks Wikipedia

Wikipedia contains over 55 million articles in more than 300 languages spoken worldwide. In just 21 years, Wikipedia has become a global phenomenon, a reference point on all human knowledge,…

How to make your own custom cursor for your website

When I started browsing different and original websites to learn from them, one of the first things that caught my attention was that some of them had their own cursors,…

8 benefits of having a website for your business

At this moment, the Internet is a phenomenon that is sweeping the world. It has been able to interconnect millions of users all over the planet. People have made the…

Open source web design tools alternatives

There are many prototyping tools, user interface design tools or vector graphics applications. But most of them are paid or closed source. So here I will show you several open…

What is a Full Stack Developer?

The demand for the Full Stack Developer is growing exponentially in recent years. Disruptive technology companies and startups are increasingly requesting this type of multipurpose profile that knows multiple programming languages…

Are you being floCed by Google?

No panic! Don't be alarmed, because it may sound worse than it is. But since Google doesn't seem to have any intention of communicating it properly, it's up to the…

How to access webcam and grab an image using HTML5 and Javascript

We often use webcams to broadcast video in real time via our computer. This broadcast can be viewed, saved and even shared via the Internet. As a rule, we need…

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…

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