A New Tool for Web Designers Has Been Launched by Google for Building HTML5 Sites and Ads

This new visual tool called "Web Designer" has been launched by Google.  It is a new tool for building interactive sites and ads.  Google is billing this as "professional-quality design tool. This new tool is now officially in public beta and available for download in Mac and Windows.



While this ad pedigree shines through across Web Designer (the default layouts are for DoubleClick rich media ads and AdMob mobile ads, for example), there is nothing in the tool that would prevent you from building interactive single-page sites and animations for other purposes, as well. Some of the features, however, are currently only available for ads, though Google says it plans to expand these tools for other purposes in the future.

At its core, Web Designer is a visual tool, but you can also delve right into the JavaScript and CSS to fine-tune different aspect of your site. Indeed, Web Designer allows you to manipulate all of your code directly in a built-in editor and lets you quickly preview your creations in every browser you have installed on your machine.

The tools come with all the usual visual design tools you’re probably familiar with. Some of the more interesting ones Google has developed for Web Designer include a pen tool for free drawing, as well as a timeline for managing your animations. 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, one of the core features of the application, Web Developer features a Quick mode for building animations scene by scene and an advanced mode that gives designers more control over each of the elements on the page.

It’s worth noting that projects like Adobe Muse, Reflow and others include most of Web Designer’s features, too. But by making Web Designer available for free, Google is putting quite a bit of pressure on the incumbents in this space.

http://techcrunch.com/2013/09/30/google-launches-web-designer-a-visual-tool-for-building-interactive-html5-sites-and-ads/

How to Customize Chrome With Web Development Extentions

                                          techbeat.com


First of all you may want to know the definition of Chrome extensions in order for this post to be beneficial.
Extensions are small software programs that can modify and enhance the functionality of the Chrome browser. You write them using web technologies such as HTML, JavaScript, and CSS

Extensions have little to no user interface. For example, the image above shows the icon that provides the UI for the Gmail extension.
Extensions bundle all their files into a single file that the user downloads and installs. This bundling means that, unlike ordinary web apps, extensions don't need to depend on content from the web.

You can distribute your extension using the Chrome Developer Dashboard to publish to the Chrome Web Store. For more information, see the store developer documentation.

Manage Your Extensions

Highly Rated Google Chrome Extensions for Web Developers


 1. Responsive Inspector

Responsive Inspector is a simple Google Chrome extension that allows viewing media queries of visited websites. It is very useful when developing responsive web layouts as it can visually show what resolutions are defined in css stylesheets. In addition it also has following features: - pixel perfect browser resizing - taking and saving whole page screenshots - css media query code viewing - sharing web designs on Behance.net service as Work In Progress.

2. Web Developer

This extension is a toolbar button with various web developer tools. The official port of the Web Developer extension for Firefox.The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox.

3. Perfect Pixel

This extension helps develop your websites with per pixel accuracy!Follow our twitter! @welldonecode Extension for web developers and markup designers. This extension allows developers to put a semi-transparent image overlay over the top of the developed HTML and perform per pixel comparison between them.

4. Firefox Firebug

Fire Bug is a web development tool that facilitates the debugging, editing, and monitoring of any website's CSS, HTML, DOM, XHR, and JavaScript; it also provides other web development tools.[2]Firebug's JavaScript panel can log errors, profile function calls, and enable the developer to run arbitrary JavaScript. Its net panel can monitor URLs that the browser requests, such as external CSS, JavaScript, and image files. The net panel can display both request headers and response headers for each page asset; it can also estimate the time each asset took to load.

Firebug is free and open source; it is licensed under the BSD license.[3] Firebug was initially written in January 2006[4] by Joe Hewitt, one of the original Firefox creators. The Firebug Working Group oversees the open source development and extension of Firebug. It has two major implementations: an extension (add-on) for Mozilla Firefox and a bookmarklet implementation called Firebug Lite.[5] Across-browser version is in development. Currently, the Firebug add-on has over 3 million active daily users.[6]

In addition to debugging web pages, Firebug is a useful tool for web security testing[2] and web page performance analysis.[7]

                                                                  http://www.techrepublic.com/blog/web-designer/customize-chrome-with-these-four-web-development-extensions/

Is Google Making Its Mark With Social Media?

                                  

                                           igetpaidonline.biz



Google 's popularity as a social network has really grown in the past year. You may be wondering how did this happen. The following article explains how Google is a must for marketers.


Why Google+ is becoming a necessary social media channel for marketers by Chris Mead at "Tug".

The service has evolved to offer a growing user base, unique functionality and interconnectivity with other Google services.



In January 2013, the Global Web Index announced that Google+ had overtaken Twitter to become the second largest social network. Six months prior, many marketers may have had their reservations about setting up a Google+ page, but the network has gained traction – and with good reason.

Given the rise of social search, marketers and large brands are now aware that Google has pushed the integration of many of its services such as YouTube, Google Maps, Android and others with Google+, making the social network integral to social media and search marketing campaigns.

Google+ boasts a sizeable 359m monthly active users and brand interaction has increased by 45.5% between Q2 2012 and Q1 2013.

When logged into a Google account, searching for a brand terms allows a connected Google+ page to appear on the right-hand side of the search listings (see the search results for Expedia as an example). The page appears regardless of whether you follow the page or not, and sits prominently in the right-hand sidebar. Since this placement (based around searches for brand terms) is free, easy to set up and quick to implement (brands need only add a small piece of code that connects their Google+ page to make the connection) it is highly advantageous and gives a quick data capture and community build element from natural search listings.

What this means is that Google+ has become a very serious player in a short period of time. Google have been careful to link the social network to search listings, ensuring that there is a clear reason for brands to integrate the service into their existing online marketing strategy for SEO.

Larger brands have already taken advantage of the social network by working directly with Google. For example, Topshop's well-documented usage of hangouts to stream live fashion week, and Burberry recently introducing its Kisses campaign. The uptake is not limited to the luxury industry however, with Cadbury having adopted hangouts early with a series of live events. Other noteworthy mentions include Coca-Cola andIntel, both boasting an established, content-rich presence on the social network.

Google+ is not like Facebook. In order to understand and define its purpose in your online marketing strategy it is important to embrace its uniqueness and individuality – no matter how similar the two may operate and look.

Gaining traction and interest is Google+'s Hangout, which has featured heavily on the network and is set to be integral to Android devices andGoogle Glass. A neat feature embedded within Hangouts is the ability to watch shared YouTube videos across the group. This allows users to share videos among industry experts. Hangout's also opening the door for more advanced uses including the "draw" tool to facilitate competitions. Real-time giveaways and competitions integrated into Google+'s Hangout functionality are becoming a reality thanks to the emerging live stream market and high volume of early adopters making use of the service.

The social network should already be viewed as a customer relationship network (CRM) channel – just as Twitter and Facebook may be to you now. When this does happen, you'll need to understand the nuances the platform offers, and how to use them to your advantage.

Google+ has fast become an integral component to online marketing campaigns, with larger brands already exemplifying the creative possibilities attributed to the social network. Currently the simplest reason to use Google+ is discoverability, given that your page can appear in the natural listings on Google. Yet the social network has evolved from a purely SEO beneficial channel to one where its growing user base, feature-rich environment (Hangouts, Communities) and interconnectivity with other Google services have re-aligned its importance within digital marketing.

http://www.guardian.co.uk/media-network/media-network-blog/2013/jul/24/google-plus-social-media-marketers