Coding guidelines for HTML and CSS

Increase your business with more online customers with help from SEO Consultants London.

Webmaster level: All

Great code has many attributes. It’s effective, efficient, maintainable, elegant. When working on code with many developers and teams and maybe even companies, great code needs to also be consistent and easy to understand. For that purpose there are style guides. We use style guides for a lot of languages, and our newest public style guide is the Google HTML and CSS Style Guide.

Our HTML and CSS Style Guide, just like other Google style guides, deals with a lot of formatting-related matters. It also hints at best practices so to encourage developers to go beyond indentation. Many style guide authors know the underlying motivation from the question whether to describe the code they write—or to prescribe what code they want to write. Not surprisingly then, in our HTML and CSS style guide you’ll find both (as much as you’ll still find a lot of different development styles in our not entirely small code base).

At this time we only want to introduce you to this new style guide. We hope to share more about its design decisions and future updates with you. In the meantime please share your thoughts and experiences, and as with the other style guides, feel free to use our style guide for your own projects, as you see fit.

Written by Jens O. Meiert, Senior Web Architect, Google Webmaster Team


Google Webmaster Central Blog

Playbook for tackling the Super Bowl with Google

Increase your business with more online customers with help from SEO Consultants London.


While thousands of lucky fans will brave the crowds at the Lucas Oil Stadium in Indianapolis, Ind. to fill the coveted seats at this Sunday’s Super Bowl, many more in the U.S. will enjoy the game from home—in front of the TV, with mobile phones and tablets at the ready.

As the New York Giants and New England Patriots prepare for kickoff, here are several ways to make the most of the big game with Google—wherever you’re watching. You can explore the full list in our Game Day with Google playbook, a new page on Inside Search that we’ve filled with tips on how to use Google to enjoy the game.

Get the inside scoop
Visit the Giants and Patriots Google+ pages for behind-the-scenes coverage and details on a chance for you to join the Giants pre-game hangout on Thursday for a face-to-face chat with the players. Be sure to leave a comment on their post for a chance to participate.


On Monday, Feb 6 at noon ET, stop by the NBC Sports Google+ page for a Hangout On Air with CNBC sports business reporter Darren Rovell. He’ll chat about the previous day’s game and review the best commercials with fans that drop in. Leave a comment on this NBC Sports post to throw your name in the hat to be one of the lucky participants who will chat with Rovell On Air.

Plan your party
Super Bowl party rivalry is already in full swing with Indiana leading the pack in Google searches for [super bowl party], ahead of both New York and Massachusetts. Despite New York being the home state of the buffalo wing, searches for [chicken wings] are nearly 50 percent higher in Massachusetts.

If you’re looking for a dip recipes, [hummus] reigns supreme, followed by guacamole, queso and bean dip. Use Google Recipe search to find a recipe with the ingredients to make everyone happy. Or, swing by ChefHangout on Google+ to join a cooking class on favorite Super Bowl party foods.

Talking babies or barking dogs? You decide.
It wouldn’t be the Super Bowl without the commercials. We’ve already seen a flurry of pre-game teasers pop up on YouTube and Google+, but which commercial will reign supreme? Our fifth annual YouTube Ad Blitz in partnership with NBC Sports enables you to replay and vote on your favorite commercials online from a laptop, mobile phone or tablet. Tune in to theYouTube Ad Blitz channel or NBCSports.com to watch and rate the commercials.


Watch the Madonna premiere on YouTube
If the halftime show interests you more than counting yards gained and lost, get an early taste of the show with Madonna’s music video premiere for “Give Me All Your Luvin” featuring Nicki Minaj and M.I.A on her official youtube.com/Madonna channel this Friday and on the YouTube Ad Blitz channel pre-game on Sunday. You can pre-order her deluxe album right there in the video description. And make sure to tune in to Madonna’s Google+ profile all week long for her latest news.

May the best team win!


CPG Blog

Working with Maven and RequestFactory in GWT 2.4

Increase your business with more online customers with help from SEO Consultants London.

GWT 2.4 introduced changes to both Maven and RequestFactory, and we’ve recently updated the GWT wiki and sample apps with the latest and greatest:

RequestFactory now does compile-time validation to ensure that your service implementations match your client-side interfaces. This feature is implemented using an annotation processor which must be configured in Eclipse or in your Maven POM. When configured in Eclipse, you will now see warnings and errors in the IDE anywhere your client- and server-side RF code don’t match.

In addition, the RequestFactory jars are now in Maven Central. Note that the Maven groupId for RF artifacts differs from the rest of the GWT artifacts since RF can be used in Android clients as well as GWT. If you’re using RequestFactory instead of GWT-RPC, you no longer need gwt-servlet. Instead, you can use the much smaller requestfactory-server jar and requestfactory-apt (which contains the RF interface validation tool). You do not need requestfactory-client for GWT projects as the required classes are already included in gwt-user. The requestfactory-client jar is intended for non-GWT (Android) clients using RequestFactory.

  <dependency>
   <groupId>com.google.web.bindery</groupId>
   <artifactId>requestfactory-server</artifactId>
   <version>2.4.0</version>
  </dependency>
  
  <!-- see sample projects for correct placement -->
  <dependency>
   <groupId>com.google.web.bindery</groupId>
   <artifactId>requestfactory-apt</artifactId>
   <version>2.4.0</version>
  </dependency>
  

The mobilewebapp and dynatablerf samples show everything working together and have been tested in Eclipse 3.6 and 3.7.

If you also have the Eclipse Subversive plugin installed (see http://www.shareyourwork.org/roller/ralphsjavablog/entry/eclipse_indigo_maven_and_svn), you should be able to try the mobilewebapp sample as easily as

     
  1. File > Import > Checkout Maven projects from SCM, point to https://google-web-toolkit.googlecode.com/svn/trunk/samples/mobilewebapp
  2.  

  3. Run as > Web application

Special thanks to Jeff Larsen for the RequestFactory POM sauce that works in Eclipse Indigo!


Google Web Toolkit Blog

Google Groups Redesign

Increase your business with more online customers with help from SEO Consultants London.

We completely redesigned Google Groups from the ground up to offer a new and improved user interface, collaborative inbox, take and assign topic functionality, multi-domain support, advanced search operators, new ways of viewing group content, and much more.

Release track:

Rapid

Editions included:

Google Apps for Business, Government and Education

Languages included:

All supported languages

How to access what’s new:

Beginning May 15, Rapid Release users who navigate to the Google Groups page will see a horizontal blue bar toward the top of the groups page saying, “The old Google Groups will be going away soon. Switch to the new Google Groups.”

Scheduled Release users who navigate to the Google Groups page will simply see a notification that Groups will be changing soon.

*Google Apps domains on the Scheduled Release track will see the old Google Groups but will also see a notification informing users that the old groups will soon be going away.

whatsnew.googleapps.com

Get these product update alerts by email

Subscribe to the RSS feed of these updates


Google Apps update alerts