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

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

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

jquery.liga.js 1.0

El proyecto LIGA presenta jquery.liga.js 1.0 , que no sólo es un plugin para JQuery , es toda una suite de funcionalidades que facilitan el desarrollo de las aplicaciones web, mediante la implementación de: Mensajes emergentes animados: Ventanas de alerta personalizables: Ventanas de confirmación (preguntas): Almacenamiento local de datos (localStorage y cookies), Notificaciones de escritorio (Webkit): Validación local de formularios y envío AJAX: Gestión del historial AJAX, entre otras. Entre sus principales características destaca su compatibilidad con los estilos de JQuery UI , basta con cargar alguno de sus temas para disfrutar de esta característica. Para descargar el plugin y la plataforma de pruebas favor de ingresar a la página oficial del proyecto: http://code.google.com/p/galileo-liga/ También está disponible la documentación en línea: http://goo.gl/Gxwp1 Interesados en participar en el proceso de desarrollo y mejora en

Un hilo en la red

Buscar este blog