Subtitle: Learn how to manipulate XML in the Firefox browser using
in Mozilla Firefox. In the first two articles, XML
in Firefox 1.5, Part 1: Overview of XML features and XML
in Firefox 1.5, Part 2: Basic XML processing, you learned about the
different XML-related facilities in Mozilla Firefox, and the basics of
XML parsing, Cascading Style Sheets (CSS), and XSLT stylesheet invocation.
Continuing with the series this article provides examples for loading an
XML file into Firefox using script, for applying XSLT to XML, and for
loading XML with references to scripts. In particular the latter trick
is used to display XML files with rendered hyperlinks, which is
unfortunately still a bitt of a tricky corner of the XML/Web story. I
elaborate more on this trick in my tutorial “Use Cascading Stylesheets
to display XML, Part
Subtitle: Spice up your Web site with a variety of free resources
from fellow designers Synopsis: Web developers can find many free resources, although
some are freer than others. If you design a Web site or Web application,
whether static or with all the dynamic Ajax goodness you can conjure up,
you might find resources to lighten your load and spice up your content.
From free icons to Web layouts and templates to on-line Web page tools,
this article demonstrates that a Web architect can also get help these
days at little or no cost.
This was a particularly fun article to write. I'm no Web designer (as
you can tell by looking at any of my Web sites), but as an architect
specializing in Web-fronted systems I often have to throw a Web template
together, and I've slowly put together a set of handy resources for free
Web raw materials. I discuss most of those in this article. On Copia
Chimezie recently mentioned
which I've been using for a while, and is mentioned in the article. I
was surprised it was news to as savvy a reader as Sam
That makes me think many other references in the article will be useful.
Subtitle Do a lot with XML in Firefox, but watch out for some
Synopsis This second article in the series, "XML in Firefox 1.5,"
focuses on basic XML processing. Firefox supports XML parsing,
Cascading Stylesheets (CSS), and XSLT stylesheets. You also want to be
aware of some limitations. In the first article of this series, "XML
in Firefox 1.5, Part 1: Overview of XML features," Uche Ogbuji
looked briefly at the different XML-related facilities in Firefox.
I also updated part
reflect the FireFox 1.5 final release.
This article is written at an introductory level. The next articles in
the series will be more technically in-depth, as I move from plain old
generic XML to fancy stuff such as SVG and E4X.
Learn XSLT techniques for processing Atom documents. In this tutorial,
author Uche Ogbuji shows how with real-world use cases. (free
Atom 1.0 is [the] Internet Engineering Task Force (IETF) standard for
Web feeds -- information updates on Web site contents. Since Atom is an
XML format, XSLT is a powerful tool for processing it. In this tutorial,
Uche Ogbuji looks at XSLT techniques for processing Atom documents,
addressing real-life use cases.
This tutorial shows you how to:
Navigate the basic structure of Atom 1.0 documents using XPath
Use these expressions to drive XSLT transformations of Atom source
Deal with the complications of text and markup embedded in Atom
You will also learn how to use XSLT templates to generate valid Atom
files, and how to check the validity of the results.
Uche recently setup Copia to accept HTTP PUT submission of content as atom entry instances. I wrote 3 XForms documents which collect the data from a form and submit it to the service (each for a seperate XForms implementation):
This post was submitted using the Mozilla XForms implementation
Forms Player is the most compliant of the 3 (it supports full XForms 1.0 and some aspects of XForms 1.1) but functions as an Internet Explorer plugin.
Mozilla XForms is an up and coming effort to build native XForms support into Mozilla. The supported feature set has now reached a point where a majority of the useful capabilities are supported.
The FormsPlayer implementation is available here and the Mozilla implementation is available here. The primary difference is styling (specifically the CSS neccessary to style forms individually) and the mechanism for invoking the XForms processor.
Start working with Extensible Hypertext Markup Language. In this tutorial, author Uche Ogbuji shows you how to use XHTML in practical Web sites.
Get started working with Extensible Hypertext Markup Language. XHTML is a language based on HTML, but expressed in well-formed XML. But XHTML is much more than just regularizing tags and characters -- XHTML can alter the way you approach Web design. This tutorial gives step-by-step instruction for developers familiar with HTML who want to learn how to use XHTML in practical Web sites.
CSS isn't just for HTML anymore! Learn to combine the strengths of CSS with those of XSLT and fine-tune your XML presentation in a browser.
In parts 1 and 2 of this tutorial series, Uche Ogbuji has shown how to use Cascading Stylesheets (CSS) to display XML in browsers, presenting basic and advanced techniques. Although some people see XSLT and CSS as opposing technologies, they are actually very complementary. CSS cannot, and is not designed to, handle many XML rendering tasks. You can use XSLT for many such tasks, and even manage the CSS that is still used to fine-tune the presentation. This tutorial covers techniques for using XSLT to process XML in association with CSS.
Anyone who works with XML should take this tutorial. Even if CSS and
XSLT don't cover your needs for production Web publishing, they are
great tools for general processing, debugging, and experimentation. They
offer rich interaction with other XML technologies and you'll be likely
to run into CSS and XSLT even when you least expect them.
This tutorial, third in a series, discusses XSLT techniques for working
with CSS for HTML or XML output. The approach very step-by-step, and
includes many examples (including expected display in Firefox).
If you're wanting to get more of a background learning how to use CSS
with XML, see the previous tutorials in the series:
The response has been very positive to the first two. Here is what has been posted through the feedback form according to my editor:
"Use CSS to display XML, Part 1"
Average rating: 4.03 (out of 5.00)
Responses received: 33
"Excellent concise overview. Thanks."
"very nice presentation of the fundamentals with excellent examples"
"Good introduction. Needs a more dramatic example."
"Nicely done thanks .."
"Only had a quick read this time but I'm sure a full going over will
improve my XML/CSS skills no end!"
"Hi:After several weeks of reading several books and posting to
several list, you very simply provided me with an answer to my very
simple question, which was "How can I present xml data using
"I already use CSS but this tutorial taught me some new tricks on
generating content with CSS."
"Use CSS to display XML, Part 2"
Average rating: 4.00 (out of 5.00)
Responses received: 9
Very neat technology demonstration. Takes selectors and renders them into plain English (or Spanish). Micah says it's based on a full CSS3 parser in Python, but I couldn't find any source. Good stuff, natheless. Nice form design as well.