Verdad, verdadera...

Mejor Navegador

Tomb Raider - Espectacular trailer de su nueva entrega


Sorprendido es poco. Así me he quedado al ver el último trailer del nuevo juego de Lara Croft que saldrá a principios del 2013.

A Lara la han capturado unos indígenas en una isla misteriosa... No os cuento más. Bajad la luz, subid el audio y a disfrutar de esta intensa y frenética obra de arte.



iVori - Soporte para Smartphones

El iVori es un soporte para Smartphones que combina los teléfonos retro con un diseño muy "apple", basado en aluminio y plástico. El soporte queda muy bien con los iPhones, pero está pensado para todo tipo de Smartphones.

¿Y cómo se si es compatible para mi Smartphone? ¡Fácil! Solo tiene que tener entrada de minijack (el agujerito ese donde enchufas los auriculares cuando escuchas música), por lo tanto es compatible con todos los Smartphones del mercado y si cambias de móvil no tienes que cambiar de iVori.

Es ideal para decorar tu oficina o tu mesa de estudio.

Lo puedes encontrar en www.iboogeek.com.

¡No te quedes sin uno, nosotros ya lo tenemos!

[Joomla Tip] Menú desplegable por encima de Banner Flash

 
Hace relativamente poco, me pidieron que insertara un banner flash en un lateral de la web del Villarreal CF. Mi sopresa fué que que el banner siempre se mostraba por encima del menú. Lo podéis ver en la imagen superior.

La solución es relativamente fácil. Solo hay que añadir un par de cosas en el código. El primer paso es localizar el archivo "helper.php" dentro de la carpeta "modules -> mod_banners".

Sobre la línea 121 encontraremos este código:

$html = "<object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" 
codebase=
\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab
#version=6,0,0,0\" 
border=\"0\" width=\"$width\" height=\"$height\"><param name=\"movie\" 
value=\"$imageurl\"><embed src=\"$imageurl\" loop=\"false\" 
pluginspage=\"http://www.macromedia.com/go/get/flashplayer\" 
type=\"application/x-shockwave-flash\" width=\"$width\" 
height=\"$height\"></embed></object>";

Hay que sustituirlo por este:

$html = "<object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" 
codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab
#version=6,0,0,0\" 
border=\"0\" width=\"$width\" height=\"$height\"><param name=\"wmode\" 
value=\"transparent\"><param name=\"movie\" value=\"$imageurl\"><embed 
src=\"$imageurl\" wmode=\"transparent\" loop=\"false\" 
pluginspage=\"http://www.macromedia.com/go/get/flashplayer\" 
type=\"application/x-shockwave-flash\" width=\"$width\" 
height=\"$height\"></embed></object>";

El parámetro que hace que funcione es el wmode="transparent". Una vez cambiado el código, lo subimos de nuevo a nuestro servidor. El resultado lo tenemos en la imagen de abajo.


Nota: Este tip es para Joomla 1.5.x

Favicon, que es y como crear uno para nuestra pagina joomla

Un favicon, o icono de favorito, es una pequeña imagen que aparece asociada a la url de una página web, normalmente se muestra al lado de la url o cuando salvamos el enlace en favoritos o vemos el historial de navegación. Se utiliza para poder identificar de forma sencilla las páginas y es muy interesante disponer de un icono que represente nuestra web.






Basicamente un favicon es una imagen, normalmente en formato png o gif, con un tamaño de 16x16 o 32x32 pixels y 16 colores básicos.

Para generar un favicon podemos ayudarnos de nuestro editor de imágenes favorito o utilizar editores online como http://www.favicon.cc/. También existen servicios online que, a partir de una imagen dada, nos ayudan a generar el favicon como por ejemplo http://www.htmlkit.com/services/favicon/.

De manera general, para poner un favicon en una página web utilizaremos el tag link con la siguiente sintaxis y dentro de las etiquetas head de la página.


link rel="shortcut icon" href="favicon.png" type="image/png"


Dependiendo del formato de la imagen utilizada debemos variar el atributo type para adaptarlo al tipo utilizado. Por ejemplo, si nuestro favicon es un gif, el atributo type deberá ser "image/gif".

En el caso concreto de utilizar joomla el disponer o no de favicon dependerá de la plantilla en concreto que estemos utilizando. Normalmente las plantillas tienen un favicon implementado por lo que cambiar el icono por uno personalizado y que identifique claramente nuestra web es tan sencillo como sustituir el fichero favicon.ico que se encuentra en la ruta mi_joomla/templates/mi_template/favicon.ico de la instalación.

En el caso de que la plantilla que estemos utilizando no tenga un favicon tan solo tendremos que añadir el código html correspondiente en la plantilla. Para ello accedemos a la administración de joomla y en el menú extensiones -> gestor de plantillas -> mi template, pulsamos "editar" y posteriormente "editar html" con lo que veremos la plantilla html de nuestra web, añadimos el código siguiente en la sección de cabecera y haciendo que href apunte a nuestro icono y pulsamos el botón guardar.











Una vez hecho ésto ya tenemos un favicon personalizado para nuestra web que sirve para que nuestros visitantes nos identifiquen de forma rápida entre toda la lista de favoritos.

Como mejorar el rendimiento de una web


Cuando somos webmaster de un sitio web una de las cosas a las que debemos prestar atención es el rendimiento general de nuestro sitio, es decir, conseguir que el tiempo que tarda en cargar cada página sea lo más corto posible con el fin de no aburrir al usuario y que se vaya de nuestra web, quizá para siempre. Otra de las ventajas de la optimización de la web es la disminución del consumo de ancho de banda.

Aunque no hay unas reglas generales para detectar los problemas y el origen del problema de lentitud pueden ser muy diversos (base de datos sin índices, sobrecarga del servidor, excesivo consumo de memoria, etc) en mi experiencia se puede optimizar considerablemente el tiempo de carga de una web centrandonos en unos pocos puntos.

a) Disminuir el número de peticiones http. Hay formas de reducir el número de solicitudes http sin necesidad de comprometer el diseño de las páginas. Sobre todo en relación a las imágenes se puede disminuir el número de peticiones utilizando CSS sprites. Ésto es que varias imágenes de una pagina se combinan en una sola y se muestra

b) Disminuir el tamaño de la información de cada petición http. Ésto se puede conseguir, en relación a las imágenes, utilizando formatos de imagen adecuados y con la calidad más ajustada posible a la web. También se puede reducir comprimiendo los ficheros CSS o javascript y eliminando comentarios del código de la página. También debemos verificar que las páginas se estén sirviendo comprimidas utilizando directivas GZIP.

c) Cachear los contenidos descargados. Ésto se puede hacer utilizando Etags para cada tipo de contenido. Por ejemplo podermos hacer que el tiempo de expirado de las imágenes jpg sea de 1 año, por lo que el browser del usuario, al descargar la página en diferentes ocasiones, comprobará que ya dispone de la imagen y no la volverá a descargar, ahorrandonos así peticiones http y consumo de ancho de banda.

d) CSS al inicio y javascript al final. Con ésto conseguimos que la página se pueda comenzar a mostrar una vez descargados los CSS y los javascript al final de la página con lo que conseguimos que la renderización de la página y la descarga de los js puedan realizarse en paralelo.

e) Paralelizar la descarga de contenidos. Utilizando CDN para páginas con gran concurrencia de usuarios. Un CDN es un conjunto de servidores web distribuidos en varias localizaciones que nos permiten paralelizar la carga de contenidos de una página.

Para poder valorar éstos aspectos, y otros muchos, podemos utilizar dos herramientas online que nos facilitarán la vida y con las que podremos ver la evolución de nuestra página según los cambios que hagamos.

GTmetrix

websiteoptimization

En cualquiera de ellas nos informan, de manera bastante clara, los puntos más criticos que tenemos que abordar para mejorar el tiempo de carga.

iBoogeek.com - Regalos diferentes, originales, divertidos y un poco geeks.


Queremos presentaos iBoogeek.com, una nueva tienda online cargada de artículos realmente curiosos, divertidos y muy originales.

La tienda apenas tiene unos pocos meses de vida pero apunta a que estará mucho tiempo online. Actualmente la tienda se declara en fase Beta, pero no porque tenga errores sino porque le faltan pequeños detalles, como alguna traducción o activar el pago por tarjeta de crédito.

Debido a su corta vida, su catálogo de productos aún es reducido (cuenta con unas 30-40 referencias actualmente) pero va aumentando día a día. Lo bueno, es que todos los productos elegidos para el comienzo de la web son realmente geniales. Podemos encontrar un magnífico cortador de pizzas con aspecto de radial, también un reloj led o un laberinto 3d dentro de una bola.

Así que si no sabes que regalar en un cumpleaños, o tienes una fiesta de "amigo invisible", o simplemente te apetece un caprichito, no lo dudes y visítala. Aprovéchate ahora que tienen buenas ofertas de lanzamiento.

¡Hasta siempre Steve!

Gracias por todo Steve. Te echaremos de menos.

Los Cubos de Rubik traspasan fronteras


Son muchos los tipos de cubos de rubik que se pueden encontrar en la actualidad, infinitos se podría llegar a decir ya que cada uno de ellos tiene sus propias versiones modificadas.

Existen cubos de rubik de 3x3, 4x4, 5x5… incluso de más y piezas por cada lado. Se pueden encontrar cubos de rubik que sirven de llavero o de adorno para el coche, incluso los hay con luz para poder jugar cuando se está completamente a oscuras.

Han sido comercializados también cubos irregulares, con distintas formas diferentes, incluso los hay con números para poder jugar al sudoku mientras se intenta conseguir resolver este juego.

El cubo de Rubik está en todas partes, pero donde nadie se hubiese imaginado encontrarlo es en el mundo de los casinos. Este magnífico invento del profesor húngaro de arquitectura Ernö Rubik ha traspasado fronteras al superar esta barrera.

Desde 1974 son pocas las personas que no han tenido este juguete entre sus manos, pero desde ahora se puede encontrar el cubo de Rubik en muchos de los casinos online que existen ya que ha sido adaptado su juego a las máquinas tragamonedas.

Al igual que en la mayoría de este tipo de juegos casino, hay que conseguir una línea de 3 con los mismos colores, la diferencia radica en que en lugar de tener frutas o diversos objetos, en este caso son los colores los encargados de decidir si el jugador ha resultado ganador o no.

La otra diferencia respecto a las máquinas tragaperras normales radica en que en este caso es un cubo de Rubik el que se muestra en pantalla y sus caras son las que entran en acción.

Como es de esperar, el mayor premio, el jackpot de este juego se entrega cuando son 18 las líneas (horizontales o verticales) que se forman, cuando las 3 caras visibles del cubo están resueltas, por lo que cada una de ellas solo tiene un color. En este caso, el jugador recibe el premio gordo.

¡Suerte con este nuevo cubo de rubik!

Invitaciones para Google+


A estas alturas no conocer Google+ es, casi casi, un delito. De todas maneras, haré un breve resumen para quien no lo conozca.

Google+ (o Google Plus) es la nueva red social de Google. Es como un facebook con nuevas funcionalidades y mucho más intuitivo. De hecho, Facebook ya está copiando alguna de esas funcionalidades como los Circulos de Google+.

No quiero extenderme demasiado ya que hay miles de blogs que hablan del tema (al final del post pondré unos pocos enlaces) ya que la idea del artículo es decir que tengo 150 invitaciones disponibles para "regalar" a los lectores del blog que aún no hayan podido registrarse (actualmente Google+ es solo accesible mediante invitación).

Para acceder a una de ellas sólo pido un par de cosas a cambio:

  1. Que dejéis vuestro email en un comentario (o que me la pidáis a elcuboderubix@gmail.com)
  2. Que mandéis un tweet similar a este:
@elcuboderubix regala invitaciones para google plus: http://goo.gl/AkFhL

¡No te quedes sin una!

Links para saber que es Google+: