XUL pages from around the web


I wanted to see how other people were using XUL and did a search on Google for “ext:XUL”

I found close to 15,400+ results here are a few pages that I found interesting

The above examples are not much to look at but if you are learning XUL then they are a great help, in case you want to downlaod any of the XUL code just open the link in IE and you can download and examine the code.

Monster XUL resource roundup


A lot has changed since my last XUL related post, several new tools now exist
that can help you learn XUL more effectively while many a good resource like
www.georgenava.com
have gone down.

INTRODUCTION TO XUL

What is XUL

An introduction to XUL

XUL TUTORIALS

Mozilla developer center’s XUL tutorial

Building applications with XUL and javascript

Create Web applets with Mozilla and XML

XUL: The Future of User-interfaces on the Web

HOWTO: Getting Started with Linux Standalone Apps using XUL

XUL Element preview and reference

XUL planet example viewer

XULWareHouse Project.

Writing Skinnable XUL and CSS

XUL REFERENCE

XUL planet Element reference

Mozilla developers center-XUL reference

FIREFOX EXTENSION TUTORIALS

Nerdshift-Firefox extensions tutorial

BornGeek-Firefox toolbar tutorial

How to create Firefox extensions

Setting up extension development environment

Enabling Extension Updates

Firefox Extension Development Tutorial

Captain’s Mozilla XUL LOG – read local files and write local files

XUL, XPI and Firefox/Mozilla extensions

XUL BOOKS

Creating Applications with Mozilla

Rapid Application Development with Mozilla

XUL TOOLS

Extension Developer’s Extension

XPI Maker

XULRunner

XUL explorer

XUL tools and what they mean

eclipseXUL – XUL Support for Eclipse

LiveXUL editor

XULBooster- another eclipse plugin for XUL

FireBig

XULKit

XUL Widgets

GUID Generator (From the evil corporation)

FIREFOX LINKFEST (HUGE COLLECTION OF LINKS RELEATED TO FIREFOX AND XUL PUT TOGETHER BY OTHER GUYS)

Ilias.ca

XUL annotations

XUL alliance

XUL Starter…

XUL BASED APPLICATIONS

Mozilla amazon browser v1.4.

code-etch editor

Firefox File-manager

xulRecordset

XUL based Editor

Sunbird

Songbird

FireFox

Democracy player (there is a XUL port of the democracy player)

REMOTE XUL

Remote XUL applications with PHP

Creating XUL applications with PHP

Creating Rich Web Applications by Connecting XUL with PHP

FIREFOX HACKS

Fun with Chrome

Modifying Firefox’s Context Menus

Firefox Kiosk browser

Firefox XUL kiosk browser script (shameless self linking 🙂 )

XUL CHEAT SHEETS

XUL Widget Cheat-sheet

XUL Button Cheat-sheet

Hope this helps you and sets you on your way to XUL mastery…..

Kiosk browsing – update


A couple of months ago I posted about trying to get a Kiosk up and running with XUL, Turns out that the method I suggested does not work too well. Here is what I did to get it working

1. Use customize to remove address bar.
2. Clear out the bookmarks.
3. Use the tutorial here to lock the homepage to the page you want.
4. If needed remove the navigation bar as well.
5. Install R-kiosk from here.
6. Setup your mac/windows to disable loading any other browser.
7. Setup Firefox to auto load on startup.
8. Additionally you can install Public fox for much greater control.

However be aware that a sufficiently savvy user can circumvent all this by calling the browser from the command line with the desired website as an argument.

powered by performancing firefox

Kiosk mode browser using XUL


I volunteer at the Warren memorial library and was asked recently to create a Kiosk mode browser that could not be used to browse anything else except for the library’s book catalog. I started exploring the various options available and soon settled on two browsers, Opera and Firefox, while it is fairly easy to setup opera in kiosk mode you still need to pay Opera for the professional version to make it work.That ruled out opera and I was left with Firefox.I started hunting around for an extension that would turn the Firefox browser into a locked down version where you could not navigate to any site. I downloaded the R-Kiosk extension this extension does a pretty decent job of locking down the browser.The extension disables most of the menu items and does a pretty good job in disabling the navigation bar and the address bar,but the extension fails to block the preferences menu item thus leaving a chink in its armor which can be exploited by anyone who is computer savvy. The person can use the preferences menu to set the home page to any desired site close preferences and hit alt+home on the keyboard to navigate to that page.

For e.g if you wanted to restrict the patron from visiting any other site except for the library’s own home page a malicious user could set the home page to something like http://www.google.com and navigate to any site from there. The author also claims that the extension can only be uninstalled from safe mode, but by going to http://addons.mozilla.com and installing any addon you still get access to the addons window and can uninstall the extension from there.

In the end I found that the only way to circumvent these issues was to disable almost all the menu items, this was too much work which included hacking the perf.js file in the profiles folder so I decided to write a XUL widget instead.

Here is the XUL code

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<window
id="google's Online catalog"
title="googleOnline catalog"
orient="horizontal"
width="1000"
height="768"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml">
<vbox flex="1">
<hbox pack="center">
<html:font face="verdana" color="blue">
<html:strong>
<label value="Google's online catalog"/>
</html:strong>
</html:font>
</hbox>
<hbox flex="1" orient="vertical">
<html:iframe src="http://books.google.com/" flex="1"></html:iframe>
</hbox>
</vbox>
</window>

PS: Copy pasting the code above will not work please download the code here, for some reason the code tag in wordpress does not work with XUL code 😦 properly. once you download the file from the above link rename the file from kiosk.doc to kiosk.xul.

you can preview the above code in this excellent XUL live editor.

googlexul.jpg

On a Mac you can setup a restricted account, set it to auto login without password and then set Firefox to start this XUL file at login. to further prevent access to the OS install the profile password extension for Firefox. This is not an elegant solution but it got the job done.

The XUL file can be started on login with the following command line typed into a shell script

cd /
cd Applications
cd Firefox.app
cd Contents
cd MacOS
./firefox -chrome /nameofxulfile.xul

On a windows machine the default shell can be changed to something like Blackbox which is a minimal shell and can be used for the same purpose, but it isn’t foolproof the only other way is to set the shell as Firefox which I haven’t found a way to do yet.

powered by performancing firefox

Codetch Dreamweaver replacement??


In my quest for the perfect Dreamweaver replacement, I have tried a lot of WYSIWYG editors but have not been successful in getting an editor that matches Dreamweaver. There is Nvu but it does not let you edit PHP code, then there is Netscape composer which is the same as Nvu. There are a number of other editors like Matrix y2k editor, PHP designer2006 etc but none of them match or measure up to Dreamweaver.

Enter Codetch although not a full replacement to Dreamweaver it is rapidly evolving into an editor that can take on Dreamweaver some day. Codetch is an Addon for Mozilla Firefox. It is a XUL based HTML editor that uses the Gecko rendering engine to provide a easy to use and flexible editor that fits right inside the browser. Some of the features of this editor include an ability to load inside a tab or a floating window, an integrated java console and a live preview feature. The editor is at its nascent stage and does not support syntax highlighting nor does it support scripting languages like PHP. The best feature is the integrated help browser that connects to GotAPI.com which provides an web2.0 based searchable interface to help manuals of various programming languages.

The features that I would like to see incorporated the most in Codetch is syntax highlighting, more shortcuts to HTML tags, a CSS editor, Support for PHP and other scripting languages and finally code completion. Overall its the best XUL based editor I have seen so far and holds a lot of potential in the future.You should definitely check this extension out.

powered by performancing firefox

Links to XUL resources on the Web


what is XUL