Tritium is a simple scripting language for efficiently transforming structured data like HTML, XML, and JSON. It is similar in purpose to XSLT but has a syntax influenced by jQuery, Sass, and CSS versus XSLT's XML based syntax.
| Designed by | Hampton Catlin |
|---|---|
| Filename extensions | .ts |
| Website | tritium.io |
| Influenced by | |
| XSLT, Sass (stylesheet language) | |
History
editTritium was designed by Hampton Catlin, the creator of languages Sass and Haml and is currently bundled with the Moovweb mobile platform.[1]
As with Sass (created to address deficiencies in CSS) and Haml (created to address deficiencies in coding HTML templates), Catlin designed Tritium to address issues he saw with XSLT while preserving the core benefits of a transformation language. Much of this was based on his prior experience porting Wikipedia's desktop website to the mobile web.[2]
Open Tritium[3] is the open source implementation of the Tritium language. It was presented at O'Reilly Open Source Convention 2014[4] and the compiler is implemented in Go.
Concept
editTritium takes as input HTML, XML, or JSON documents and outputs HTML, XML, or JSON data that has been transformed according to the rules defined in the Tritium script. Like jQuery, idiomatic Tritium code is structured around selecting a collection of elements via a CSS or XPath selector and then chaining a series of operations on them.[5]
For example, the following script will select all the HTML table elements with id of foo and change their width attributes to 100%.
# Select all HTML nodes that are table elements with ID foo.
# The $$() function takes a regular CSS selector
$$(“table#foo”) {
# change the width attributes to “100%”
attribute(“width”, “100%”)
}
While Tritium supports both XPath and CSS selectors via the $() and $$() functions (respectively), the preferred usage is XPath. For example, the above code rewritten to use the equivalent XPath selector would be:
# Select all HTML nodes that are table elements with ID foo.
# The $() uses XPath
$(“//table[@id=’foo’]”) {
# change the width attributes to “100%”
attribute(“width”, “100%”)
}
Comparison to XSLT
editBoth Tritium and XSLT are designed for transforming data. However, Tritium differs in key ways to make it more familiar and easier to use for web developers:[6]
- Familiar syntax: Tritium's syntax is similar to CSS and jQuery so that it is more familiar and readable to web developers than the XML based syntax of XSLT.
- Imperative style: Tritium uses an imperative programming style instead of the functional and recursive processing model of XSLT. While functional programming has key advantages, it is less familiar to web designers than imperative programming.
- Input transparency: In XSLT any input elements that are not specified by a transform rule are removed from the output. Tritium reverses this behavior: any input elements that are not specified by a transform rule are passed to the output unchanged.
- HTML-compatible: Tritium was designed to process HTML, XML, and JSON, whereas XSLT only works on XML.
References
edit- ^ C. Coyier, D. Rupert. (2013-05-30). "Episode 070". ShopTalkShow. Retrieved 2013-07-10.
- ^ D. Nugent (2013-05-07). "Interview with Hampton Catlin". HTML5 Developer Conference. Retrieved 2013-07-10.
- ^ "Open Tritium". Moovweb. 2014-07-24. Archived from the original on 2015-01-19. Retrieved 2015-01-19.
- ^ "Mobile and Multi-Device Web Development with Tritium". O'Reilly. 2014-07-24. Retrieved 2015-01-19.
- ^ I. Anand (2013-04-30). "From Desktop to Mobile". Future Insights Live - Las Vegas, 2013. Retrieved 2013-07-10.
- ^ I. Anand (2014-02-06). "Applying Transformations to Responsive Web Design". Smashing Magazine. Retrieved 2014-02-07.