Prevent Chrome from Translating a Page
A while back I shared my favorite Google Chrome extension: Google Art Project. I've enjoyed seeing beautiful art when I open a new tab -- it's brought genuine happiness to my day, however small that happiness may be. About a week ago, however, the art presented had a non-English name and so the Chrome "translate" bar dropped down every time I opened a new tab. And since the artwork rotates daily, Chrome was super slow that day. It made me ask: is there a way to prevent the translate bar from displaying? The answer is yes!
The answer comes in the form of a <meta> tag:
<meta name="google" value="notranslate">
I wish the Google Art Project developers would implement this tag so I could get a new tab opened without delay when the artwork has a non-English title. It is also handy that developers can prevent the toolbar from displaying on their sites -- not that I can think of why. Anyways, thought I'd share this with you.
![CSS Gradients]()
With CSS border-radius, I showed you how CSS can bridge the gap between design and development by adding rounded corners to elements. CSS gradients are another step in that direction. Now that CSS gradients are supported in Internet Explorer 8+, Firefox, Safari, and Chrome...
![9 Mind-Blowing Canvas Demos]()
The <canvas> element has been a revelation for the visual experts among our ranks. Canvas provides the means for incredible and efficient animations with the added bonus of no Flash; these developers can flash their awesome JavaScript skills instead. Here are nine unbelievable canvas demos that...
![Create a Twitter AJAX Button with MooTools, jQuery, or Dojo]()
There's nothing like a subtle, slick website widget that effectively uses CSS and JavaScript to enhance the user experience. Of course widgets like that take many hours to perfect, but it doesn't take long for that effort to be rewarded with above-average user retention and...
![Fading Links Using jQuery: dwFadingLinks]()
UPDATE: The jQuery website was down today which caused some issues with my example. I've made everything local and now the example works.
Earlier this week, I posted a MooTools script that faded links to and from a color during the mouseover and mouseout events.
I also wish the Google Art Project Developers would implement this in their Google chrome to speed up things. Thanks for sharing.
One of the things I nag browser makers on is documentation. I was curious to see if this was officially documented and it looks like it is:
https://support.google.com/webmasters/answer/79812?hl=en
There were some other interesting notes on that page too.
I whish this snippet be in HTML5 Boilerplate :)
You can use a userscript that adds this meta.
Google Chrome will also translate iframes on a page that contains content not in the browser default language.