Este post es simplemente una recopilación de los enlaces al mini curso sobre XUL que he estado escribiendo los últimos días. El resultado final del curso como ya sabrán los que lo hayan seguido es la creación de una pequeña…
Categoría: Programación
Ahora que ya hemos terminado nuestra pequeña extensión para Firefox vamos a ver como podemos crear un xpi para que se instale automáticamente. La extensión xpi viene de XPInstall donde XP se refiere a Cross (X) Platform o multiplataforma, es…
Ahora que hemos visto un poco por encima como funciona XUL vamos a ponernos un poco mas serios y vamos a crear una pequeña extensión para nuestro navegador. Por ahora algo sencillo como añadir una nueva entrada de menú al…
A la hora de organizar los ficheros de nuestra aplicación se sigue un estándar de facto en el que tenemos tres subdirectorios dentro de la carpeta de nuestra aplicación: content, local y skin. El directorio content incluye un subdirectorio con…
Hasta ahora dividiamos un programa XUL en la interfaz en si, creada con XUL; el aspecto de los widgets, definido con CSS y la funcionalidad, programada en Javascript. Sin embargo Javascript no nos permite cosas como acceder al disco duro,…
Vamos a hacer un inciso para hablar sobre RDF. RDF es un estándar de la W3C cuyo nombre deriva de las siglas de ‘Resource Description Framework’ y que es un subconjunto de XML, al igual que XUL, que nos sirve…
Antes de empezar con cosas mas serias vamos a ver como se implementan los menús en XUL. <?xml version=»1.0″?><?xml-stylesheet href=»chrome://global/skin» type=»text/css»?><window xmlns=»http://www.mozilla.org/keymaster/gatekeeper/ there.is.only.xul»> <menubar> <menu label=»Archivo»> <menupopup> <menuitem label=»Nuevo»/> <menuseparator/> <menuitem label=»Abrir»/> <menuitem label=»Salvar»/> <menuitem label=»Cerrar»/> </menupopup> </menu> <menu label=»Editar»>…
Esta vez vamos a terminar de ver los widgets básicos de XUL, junto con los botones, las cajas de texto o las etiquetas que ya vimos anteriormente. El código del programa ejemplo es el siguiente: <?xml-stylesheet href=»chrome://global/skin/» type=»text/css»?> <window xmlns=»http://www.mozilla.org/keymaster/gatekeeper/…
En este tercer ejemplo sobre XUL vamos a construir una versión mas elegante del Hola Mundo que nos permita introducir el texto que queremos que salga en el alert. El código del programa es el siguiente: <?xml version=»1.0″?><window id=»ventana-principal» title=»Caffeine»…
Vamos a ver algún nuevo concepto sobre XUL. El programa que veremos esta vez es un poco mas complejo que el que vimos en la anterior entrega. Para empezar creamos una carpeta para el programa, por ejemplo c:caffeine con una…