Posts Tagged ‘google’

How to do a barrell roll

06 Nov

We have all seen Google’s barrel roll trick. The coolest thing about it is that, its done with simple CSS. To see the same effect, place your mouse over this blog post.

Source code for the Barrel roll:

.barrel_roll {
-moz-animation-name: roll; 
	-moz-animation-duration: 4s; 
	-moz-animation-iteration-count: 1; 
	-o-animation-name: roll; 
	-o-animation-duration: 4s; 
	-o-animation-iteration-count: 1; 
	-webkit-animation-name: roll; 
	-webkit-animation-duration: 4s; 
	-webkit-animation-iteration-count: 1; 
@-moz-keyframes roll { 
	100% { 
		-moz-transform: rotate(360deg);
@-o-keyframes roll { 
	100% { 
		-o-transform: rotate(360deg); 
@-webkit-keyframes roll {
	100% { 
		-webkit-transform: rotate(360deg); 

Only works in modern browsers like Chrome, Firefox, Opera and Safari. I hope IE will catch up.


When in doubt, do a barrel roll

04 Nov

So business guy is looking for a programmer to build his app. Here’s how the interview went.

Programmer: “I built a nosql database that uses javascript for queries. It even supports map/reduce. I also wrote a h264 decoder in javascript. I can build your twitter/google+/facebook social app.”

Business guy: “hmm I don’t think so. I’m looking for a rockstar ninja Rails and .net programmer.”

Programmer: “Ok watch this.”

Programmer opens his web browser, goes to google and types do a barrel roll.

Business guy: “Wow that is awesome!”

Programmer: “Hit refresh”

Business guy: “Wow dude, you’re HIRED!”

(Note: “do a barrel roll” works only on Chrome, Safari, Opera and Firefox. Try it when your pitch is failing. Good luck.)

Premium Wordpress Plugin