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.
![Facebook Open Graph META Tags]()
It's no secret that Facebook has become a major traffic driver for all types of websites. Nowadays even large corporations steer consumers toward their Facebook pages instead of the corporate websites directly. And of course there are Facebook "Like" and "Recommend" widgets on every website. One...
![Create a CSS Cube]()
CSS cubes really showcase what CSS has become over the years, evolving from simple color and dimension directives to a language capable of creating deep, creative visuals. Add animation and you've got something really neat. Unfortunately each CSS cube tutorial I've read is a bit...
![Table Cell and Position Absolute]()
If you follow me on Twitter, you saw me rage about trying to make position: absolute work within a TD element or display: table-cell element. Chrome? Check. Internet Explorer? Check. Firefox? Ugh, FML. I tinkered in the console...and cussed. I did some researched...and I...
![CSS Filters]()
CSS filter support recently landed within WebKit nightlies. CSS filters provide a method for modifying the rendering of a basic DOM element, image, or video. CSS filters allow for blurring, warping, and modifying the color intensity of elements. Let's have...
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.