Introduction to XUL, Part 1

Would you like to learn how to make rich user interfaces with nothing more complicated than a text editor? Welcome to XUL, a subset of XML used to describe user interfaces. This article will get you started.

Many of you may not have heard of XUL. [I] hadn’t until recently. If you’re excited by the prospect of making rich user interfaces, quickly and easily, using nothing but a simple text editor, then you’ll want to learn all about XUL, because that’s exactly what it’s for. It’s pronounced to rhyme with "cool" and is a W3C compliant subset of XML that is used specifically to describe user interfaces. It stands for XML User interface Language, and was designed to implement the user interface of the Mozilla suite (including the browser and the Thunderbird email client.)

If you have even just the browser part of the Mozilla interface installed (or Netscape Navigator, or Firefox), do a quick search for *.xul and see how many files are matched. Okay, so there aren’t hundreds, but there are a few, right? These files (and others tucked away in jar files) are used to present the interface through which you use Mozilla. The side bar, for example is a XUL file that is loaded when the application is launched. Netscape Navigator and Firefox also make extensive use of XUL, and you can too.

Interestingly enough, Netscape Navigator has some built in XUL examples that you can play around with to see at a basic level how XUL works.

Chris Charlton

Chris CharltonChris, Los Angeles' CSS & ActionScript guru, successfully cannonballed into web development in the late 90's. Always caught up with the latest in Flash, Dreamweaver, Fireworks, and XML, Chris authored premium articles for the largest Dreamweaver/Flash community ( and produced WebDevDesign (iTunes featured), a popular Web Design & Development Podcast. Somewhere, Chris finds time to run an authorized Adobe user group focused around open source and Adobe technologies. Being a big community leader, Chris Charlton remains a resident faculty member of the Rich Media Insitute and lends himself to speak at large industry events, like JobStock, NAB, and FITC Hollywood.

Brain cycles from Chris are always Web Standards, Flash Platform, and accessibility.

See All Postings From Chris Charlton >>


Be the first to write a comment

You must me logged in to write a comment.