• go to google.com
• enable the keyboard by clicking the icon (it should turn red)
• hit the following keys: EUET – QUQT – EUET – QUQTI;  EUET – WUWT – QUQT
• mind that the last notes are missing.
• Have fun!!!
• The strummable Les Paul Google logo has a permanent home now: google.com/logos/2011/lespaul.html

However here it is the solution to make the RSS icon come back.

1. Just right click on the address bar (over the arrow) and choose ‘customize’
2. drag the RSS icon close the address bar

Other possibility: you may download and install this add-on (https://addons.mozilla.org/en-US/firefox/addon/rss-icon/). I just prefer the first solution.

• In FF browse to help>troubleshooting information
• click the button ‘show in finder’ (profile directory)
• browse the folder “extensions\{2fa4ed95-0317-4c6a-a74c-5f3e3912c1f9}”
• open the file install.rdf and change the string at line 8 em:maxVersion=”4.0b3pre” to em:maxVersion=”4.0″
• Save and restart Firefox4-Firefox5

I’m using Firefox4 on a mac and it works.

02.05.11 – update
this fix works in Firefox 4.01 as well – just change the string at line 8 in em:maxVersion=”4.01″

27.06.11 – update
this fix works in Firefox 5 as well – just change the string at line 8 in em:maxVersion=”5.00″

• andare su >Gestione Hosting;
• configurazioni avanzate > Impostazioni;
• in Options cliccare su ‘Aggiungi’;
• dal menù a tendina scegliere ‘+SymLinksIfOwnerMatch’ e cliccare su avanti;
• viene aggiunto il valore ‘SymLinksIfOwnerMatch’ che ci permetterà di eseguire il rewrite.

Per quanto riguarda il pannello di controllo abbiamo finito.
Ora aprite il vostro .htaccess e aggiungete all’inizio del documento:

Options +FollowSymLinks
RewriteBase / 

Caricate tutto via FTP e testate.

overflow:auto

or

overflow:hidden

in your container; however this solution makes the container div to have scrollbars which is not pleasant to the user eyes; the same author states that “You need to keep in mind that overflow:auto might cause some issues in Firefox” and IE7.

My solution: just use

display:table

in your container or wrapper div; this way your div will wrap around the containing divs; moreover, you do not have to declare the height of the div because it will be computed by the browser itself.

1. You need to have access to your webserver and upload to its root the .htaccess file. This is a simple file which tells the server to show a default page in case the one we are trying to access cannot be found. The file looks like this:

   ErrorDocument 404 http://www.yoursite.com/404.html
   

2. Upload to your webserver a file called 404.html previously edited; you may write custom sentences like ‘Sorry, but the page you are trying to reach does not exist’. If you like, you may add a custom search box: just browse to google webmaster tool in your google account and choose ‘optimize your 404 page’.

More on this topic:

• 404 on Smashing Magazine
• More about 404 on Smashing Magazine

This tag (whose syntax is:

<link rel=”canonical” value=”http://example.com/page.html”/>

) helps webmaster to clean up duplicate urls on sites and is very useful when working with CMS such as wordpress for instance.

Check out the self-explanatory video or the page at googlewebmastercentral.

• Browse to code.google.com/p/swfobject/ and download the latest release;
• unzip the files to your swfobject folder;
• between the ‘head’ tags of your document just put the following:

  <script type="text/javascript" src="/folder/swfobject.js" language="javascript"></script>
  <script type="text/javascript" language="javascript">
          var flashvars = {};
          var params = {};
          params.wmode = "transparent";
  	params.menu = "hidden";
          var attributes = {};
          attributes.id = "your_id";
          swfobject.embedSWF("/swf/your.swf", "your_id", "your_width", "your_height", "9.0.0",
   "expressInstall.swf", flashvars, params, attributes);
  </script>
  

• between the ‘body’ tags of your document just put this:

  <div id="your_id">
  <img src="/images/alternative_image.png" alt="" /></div>

I always use an alternative image in case the user’s browser has not the flash plugin installed, so he may see an alternative content. Otherwise you can always put some text between the ‘div’ tags .
This is it, just test your page and see it at work; should you need more parameters just browse to the sfwobject documentation.

*{text-shadow:#000 0 0 0}
/* safari text fix*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	/*vertical-align:baseline*/}
a img, :link img, :visited img {border:0}
table {
	border-collapse: collapse;
	border-spacing:0}
ul {list-style:none}
q:before, q:after,
blockquote:before, blockquote:after {
	content: ""}
:focus {outline:0}
html{
width:100%;
height:100%}
   body{
	text-align:center;
	margin:0 auto;
	height:100%}