Style Guide

Google’s HTML/CSS Style Guide

Wednesday, April 25th, 2012 | Business | No Comments

GoogleSorry for the deluge of posts today.  This next one is a must read for web developers.

I’m not sure when it was first posted, but I just came across it today, the Google HTML/CSS Style Guide.

There are some useful reminders in there, and also some curveballs (beyond “Use Valid HTML where possible”):

  • Omit protocol from embedded resources – this means your JS and CSS includes should use “//” as opposed to “http://”.  This means whenever your code runs over HTTPS it won’t generate all those annoying popup windows.
  • Don’t use Entity references – an interesting point.  If your entire environment revolves around UTF-8, there is no need to encode special characters (except for < > and & because they are HTML code).  Bye bye —
  • Omit optional tags – skipping a few lines of code must save Google millions annually, but it’s interesting.  I don’t know if I can stop writing “<head><title>Title Here</title></head>” … but according to HTML5 specifications it’s an optional tag, and you can just write “<title>Title Here</title>”.
  • Hexadecimal Notation – Use 3 character notation where possible.  I’ve been doing this, but didn’t realize it was a best practice (this may save Google hundreds of thousands of dollars a year, me?  nothing).
  • Alphabetize CSS declarations – I guess this makes sense, so there is at least SOME organization to CSS declarations
  • Property name stops – For some reason Google WANTS room between a CSS property and the value (“value: 0px” vs “value:0px”).  Seems odd to me, but at least it’s what I’ve always done

 

Tags: , , , ,


Please share, it makes me happy:

Subscribe to Email Alerts

Follow Me

Follow seangw on twitter

Archives

Categories

prestashop theme

virtuemart template