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

LIGA.php 3.3.3 disponible con Composer

El microframework LIGA.php se ha incorporado al mundo de los gestores automatizados de dependencias (paquetes), en este caso se ha integrado con Composer . Después de instalar Composer se puede usar el siguiente comando dentro del directorio de nuestro proyecto web para obtener la versión más avanzada: composer require oscargalileo/liga3 Si se desea especificar una versión de LIGA.php, a partir de la 3.3.3: composer require oscargalileo/liga3 3.3.3 Si todo está correcto veremos que se ha creado el directorio vendor/  (con varios archivos dentro) y los archivos composer.json (si no existía ya) y composer.lock ; se recomienda leer la documentación de Composer para más detalles. La ventaja principal de un gestor de dependencias como Composer, es que si se fueron agregando librerías poco a poco, llegará un punto en que nuestro archivo composer.json contendrá toda la información de los paquetes implementados, además de que al instalar un paquete se agregará junto a todas ...

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...