Advertisement
Applications and Tools

A First Look at Google Web Designer

by

Unless you've been hiding under a stone recently, you'll have no doubt seen Google's latest application release: Google Web Designer. Currently in Beta, GWD is a tool for building interactive websites and, perhaps more significantly, ad banners, through modern web standards.

Let's take a first look at the interface, then build ourselves an animated banner using the tools on offer.


The Application Interface

Alternatively, download the videos or subscribe to Webdesigntuts+ screencasts via YouTube

Designing an Animated Banner

Alternatively, download the videos or subscribe to Webdesigntuts+ screencasts via YouTube

Useful Links

Related Posts
  • Web Design
    CMS
    Tumblr Appearance Options: TextTumblr 25 retina
    As it happens, our Tumblr theme doesn't require any custom text. However, as we're using the Tumblr base, there are already some text options included in the theme, so it's well worth taking a look at. We're going to use a Google Analytics ID as an example of Text Options usage.Read More…
  • Web Design
    CMS
    Tumblr Appearance Options: Select ElementsTumblr 24 retina
    It's time to add some more Appearance Options to our Tumblr theme. In this episode, we're going to add a select element, populated with a list of Google fonts, allowing users to choose which fonts are used in the theme.Read More…
  • Web Design
    CMS
    Tumblr Appearance Options: Boolean OptionsTumblr 23 retina
    In this episode of Tumblr Theming 101 we'll add some Boolean Appearance Options to our theme. This will allow users, through checkboxes, to enable or disable certain features.Read More…
  • Web Design
    CMS
    Reviewing and Merging Our Tumblr Theme's HTML and CSSTumblr 19 retina
    We've come a long way, having completed massive amounts of theme building; well done! Let's now review our markup and styling, so that we can combine the two and start adding options to our theme.Read More…
  • Web Design
    Applications and Tools
    Setting Up Gumby With the Claymate Command Line ToolGumby claymate retina
    In this tutorial I'm going to explain how you can use Gumby's Claymate. Claymate is a command line interface tool, which helps simplify a number of tasks relating to installing and maintaining your Gumby projects.Read More…
  • Web Design
    CMS
    The Code Behind a Tumblr ThemeTumblr 2 retina
    In this screencast we'll take a first look at the structure of a Tumblr theme and the Tumblr customize area.Read More…