Google Web Designer BETA is a full featured FREE website development environment. It was created in a way that designs sites that work on every device. The designer handles the HTML5 and CSS3 so if you don’t 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’re never locked out of your own work. If you are confortable with some coding the application offers a Design View and Code View. You 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.
There are two built in animation modes. In 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. In 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.
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 – keeping your designs light. To create new HTML tags in your designs, just draw them in with the Tag tool. The down side that I see for this is that it is not web based. It must be down loaded and installed. However, if you looking for a good free web development environment this might be it.
There is a forum for questions but I would start at the help center this includes the basics of getting started. When you first open the application it is a lot to take in. There is also the google+ page that highlights a lot of the cooler stuff the application can do.
Have fun coding…speaking of which did you read about the HOUR OF CODE.