Agustinll

¿Alguna vez has intentado reproducir un vídeo y habéis descubierto que no estaba disponible en vuestro país? La solución es sencilla aunque la forma de llegar a ella puede no serlo tanto. La mayoría responderéis que visitar el vídeo desde un proxy que salga por un país válido sería lo correcto, ¿verdad? Pues efectivamente, de eso se trata ProxTube. Todo de manera automática y sin apenas hacer nada. Una extensión imprescindible que ahora también esta disponible en Chrome gracias a ProxyTube, su hermana gemela. Descarga: Mozilla Firefox Google Chrome

Prueba estos 5 efectos para :hover hechos unicamente con CSS3, estan listos para aplicar, solo pega el codigo CSS en tu hoja de estilos. Efecto #Bump up# Excelente para usar una lista de imágenes horizontal, lo que hace es elevar el elemento modificando el margin-top. DEMO .ex1 img{ border: 5px solid #ccc; float: left; margin: 15px; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -o-transition: margin 0.5s ease-out; } .ex1 img:hover { margin-top: 2px; } Efecto #Stack & Grow# Al pasar el cursor por encima de la imagen, esta aumenta su anchura y altura mediante una transición CSS. DEMO /*Example 2*/ #container { width: 300px; margin: 0 auto; } #ex2 img{ height: 100px; width: 300px; margin: 15px 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; } #ex2 img:hover { height: 133px; width: 400px; margin-left: -50px; } Efecto #Fade Text in# Este efecto es bastante interesante, es un div que contiene una imagen y un texto, primero se alinea la imagen a la izquierda y al div contenedor se le definen las propiedades line-height: 0px y color: transparent, para que cuando el cursor pase por la imagen, esto cambie de manera animada, dando el efecto que el texto cae. DEMO #ex3 { width: 730px; height: 133px; line-height: 0px; color: transparent; font-size: 50px; font-family:#(comillas)HelveticaNeue-Light(comillas), (comillas)Helvetica Neue Light(comillas), (comillas)Helvetica Neue(comillas), Helvetica, Arial, sans-serif; font-weight: 300; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } #ex3:hover { line-height: 133px; color: #575858; } #ex3 img{ float: left; margin: 0 15px; } Efecto #Crooked Photo# Ideal para una galería de fotos, este efecto usa la propiedad CSS3 -transform: rotate, hace que cuando el cursor pase por la imagen esta gire 7 grados a la izquierda. DEMO #ex4 { width: 800px; margin: 0 auto; } #ex4 img { margin: 20px; border: 5px solid #eee; -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } #ex4 img:hover { -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -o-transform: rotate(-7deg); } Efecto #Fade In and Reflect# Este efecto solo es compatible con navegadores -webkit, ya que usa la propiedad -webkit-box-reflect, que solo es soportada por Chrome y Safari, de igual manera se ve bastante bien. DEMO #ex5 { width: 700px; margin: 0 auto; min-height: 300px; } #ex5 img { margin: 25px; opacity: 0.8; border: 10px solid #eee; /*Transition*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; /*Reflection*/ -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1))); } #ex5 img:hover { opacity: 1; /*Reflection*/ -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4))); /*Glow*/ -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); box-shadow: 0px 0px 20px rgba(255,255,255,0.8); }

Todos sabemos que trabajar en Google tiene que ser interesante: empleados llegando a trabajo montados en extraños vehículos; salas de juegos; perros correteando por el campus y la oficina; mini piscinas en el tejado; y cosas por el estilo. Pero todas estas curiosidades se quedan cortas ante las cosas raras que voy a compartir a continuación contigo sobre Google. 1Una de sus cafeterías-restaurantes es “Café Pintxo 47” especializado en comida vasca y tapas. Como podéis ver hay una camiseta del fcbarcelona colgada en la pared. 2*El primer tweet que mandó Google, en febrero de 2009, decía así: “I’m 01100110 01100101 01100101 01101100 01101001 01101110 01100111 00100000 01101100 01110101 01100011 01101011 01111001 00001010.” Lo que traducido significa: “I’m feeling lucky”. 3*En Googleplex (oficina central de Google) hay una réplica de un dinosaurio T-Rex. La verdad que parece real. Imagen aca: 4*Google ha registrado dominios parecidos a google.com por si alguien se equivoca tecleando. Ya verás, comprueba como si tecleas gogle.com o gooogle.com te redirecciona a su página de incio. Pero mucho más curioso que este dato es que todas las direcciones URL que se parecen a google.com, pero que pertenecen a otras personas y no a Google, como lo puedan ser gougle.com o gugle.com son utilizadas como directorios sin ninguna otra función que captar a los despistados y aprovechar los beneficios del tráfico entrante. Sucede lo mismo que con sex.com (top 1.000 de Alexa), sólo hay directorios. Si supieras el dinero que ganan con esa ridícula página no te lo creerías. Se las saben todas. 5*Google es propietario del dominio 466453.com. ¿Por qué? Trata de escribir Google en un mensaje de texto con tu móvil. ¡Exacto! Son esos mismos números. Estos chicos tienen fijación por los juegos de números. Esto ya parece una novela de Dan Brown. ¿Querrá realmente Google dominar el mundo? ¿Cuándo se destaparán las verdaderas intenciones de Google? Habrá que llamar a Hercule Poirot para que nos ayude a desvelar el misterio que esconde Google tras esa fachada de niño bueno. 6*Nadie sabe con exactitud donde están sus centros de datos. Si alguien los encontrar y tirara un par de granadas posiblemente sería el fin del mundo conocido. Sería el apogoogleipsis. Que Dios nos coja a todos confesados. 7*Sus empleados disponen del 20% de su jornada laboral para pensar en nuevos proyectos. Ves, esta sí que es una medida que adoptaría yo también en cualquier empresa, sobre todo en aquellas que haya un importante componente en I+D. 8*Más cosas raras. La página de inicio de Google con unos idiomas muy extraños que no hay quien entienda nada: Ewmew Fudd, Bork, Bork, Bork!, tingan Hol, H4x0r e Igpay Atinlay. 9. El principal motivo por el que la página de inicio de Google es tán sencilla es porque sus fundadores no sabían HTLM y querían una página que cargara rápido. También notaron que el buscador empezó a tener éxito porque la búsqueda se ponía en marcha al dar al Enter después de escribir la búsqueda. 10*Y ya, como última cosa rara: una página de Google en la que nos muestran todas las equivocaciones que cometió la gente al buscar Britney Spears en el buscador. La verdad es que hay alguna tronchante. Me gustaría ver el mismo informe con la búsqueda de Schwarzenegger o Hasselhoff, eso ya sería la repera.