Ir al contenido principal

Crea un tema para Chrome

Vengo a compartir mi poca experiencia creando temas para el navegador Google Chrome, lo cual es muy sencillo gracias a dos extensiones que por medio de interfaz gráfica nos permiten personalizar nuestros diseños.

Para empezar debemos ingresar a la Chrome Web Store y buscar "chrome theme", hasta arriba verás dos extensiones: My Chrome Theme (creada por Google) y después Theme Creator (la cual me gustó más).
My Chrome Theme y Theme Creador respectivamente.
La primera es más sencilla de usar pero viene algo limitada, con sólo 3 pasos ya estarás probando tu primera extensión, básicamente se necesita una imagen de fondo de buena calidad para la pestaña nueva ventana, elegir colores para las barras superiores y podrás instalarla; la he probado y en lo personal no me gustó su funcionamiento ya que no respetó el re-dimensionamiento de la ventana ni el tamaño de la imagen que utilicé, por lo que opté buscar una mejor herramienta.

Inmediatamente encontré Theme Creator, la cual a simple vista me hizo dudar por la publicidad y exceso de opciones, pero la probé y tuve excelente resultados, obteniendo exactamente lo que quería, pude personalizar más detalles como subir 2 imágenes en lugar de 1, permite cambiar el color de prácticamente todos los elementos incluyendo la barra de estado, lo más interesante es que puedes descargar el archivo empaquetado con tu tema terminado, el cual puedes compartir con tus amigos.

A continuación les comparto el tema que he creado, está muy sencillo y pretende promocionar un poco la biblioteca LIGA, cualquier observación me dejan sus comentarios, hasta la próxima!

Descargar:

Comentarios

Entradas más populares de este blog

Introducción a jquery.liga.js

Como se mencionó en la entrada anterior , jquery.liga.js es un plugin para JQuery que reúne algunas funciones con el objetivo de facilitar el desarrollo front-end  (Javascript) de una aplicación web. Actualmente el tamaño de jquery.liga.js es mínimo, la versión de desarrollo pesa 26.7 Kb, mientras la versión minimizada 12.2 Kb y la versión comprimida tan sólo 4.05 Kb. Para comenzar a usar la biblioteca descargue la última versión estable de jquery.liga.js de la página oficial del proyecto: http://code.google.com/p/galileo-liga/ a continuación descomprima y coloque el directorio completo en algún lugar de pruebas para sus aplicaciones web, así puede usar antes la plataforma de ejemplo, la cual trae consigo algunas demostraciones de código fuente. Para que LIGA funcione correctamente incluya en su página los siguientes archivos: <link rel="stylesheet" media="all" href="LIGA.css" /> <script type="text/javascript" src=" //cod...

LIGA.php 2.4.1

Informo que acabamos de re-lanzar LIGA.php ahora en versión 2.4.1 , ya que se corrigió un error de regresión producido en el nuevo conector para la librería MySQLi. Dicho error evitaba la correcta creación de los selectores de llaves foráneas automáticos en los formularios del objeto HTML. Agradezco a mi alumna Abi quien descubrió e informó del error, ojalá todos mis alumnos y personas que utilizan LIGA.php y/o LIGA.js hicieran lo mismo, así arreglaríamos más rápido cualquier detalle detectado. Si alguien está utilizando LIGA.php en cualquiera de sus versiones 2.0 o superior se recomienda actualizar inmediatamente a la última versión estable , ya que posee mejoras en rendimiento y se han subsanado varios bugs a lo largo del tiempo. Seguiremos al tanto y les recuerdo que pueden comentar, compartir y reportar fallas por cualquiera de los medios a la mano, además les vuelvo a pasar el link al formulario de registro para participar en el proyecto, hasta la próxima!

Diseño de interfaces (Prototipos o wireframes)

Ahora vengo a exponer un par de aplicaciones que se vuelven indispensables a la hora de diseñar interfaces de usuario. La primera se llama prototyper de la empresa justinmind, la cual pone a nuestra disposición de forma gratuita, una gran cantidad de elementos para mostrarle al cliente una interfaz viva, incluso capaz de interactuar como si realmente estuviera usando la aplicación. Permite seleccionar el tipo de aplicación, donde incluye: Website iPhone iPad Android Posee una gran variedad de herramientas, permitiendo probar los formularios, links, listas, tablas, etc. además podemos compartir en línea nuestros diseños, aunque ésto último sólo será posible por 30 días de forma gratuita. Finalmente mencionar que desde la página podemos descargar gran cantidad widgets que extenderán la cantidad de paletas para colocar en nuestras interfaces. Otra aplicación similar es Pencil , la cual se puede usar como extensión de Firefox o descargar como aplicación ejecutable , es m...