ALMcss: a javascript implementation of the CSS template layout module

ABSTRACT

Traditionally, web standards in general and Cascading Style Sheets (CSS) in particular take a long time from when they are defined by the W3C until they are implemented by browser vendors. This has been a limitation not only for authors, who had to wait even years before they were able to use certain CSS properties in their web pages, but also for the creators of the specification itself, who were not able to test their proposals in practice.

In this paper we present ALMcss, a JavaScript prototype that implements the CSS Template Layout Module, a proposal for an addition to CSS to make it a more capable layout language. It has been developed inside the W3C CSS Working Group by two of the authors of this paper. We present the rationale of the module and an introduction to its syntax, before discussing the design of our prototype.

ALMcss has served us as a proof of concept that the Template Layout Module is not only feasible, but it can be in fact implemented in current web browsers using just JavaScript and the Document Object Model (DOM). In addition, ALMcss allows web designers to start to use today the new layout capabilities of CSS that the module provides, even before it becomes an official W3C specification.

References

1. A. V. Aho and J. D. Ullman. Principles of Compiler Design. Addison-Wesley Longman Publishing Co., Inc., Boston, MA, USA, 1977.
2. B. Bos and C. Acebal. CSS Template Layout Module. W3C Working Draft 29 April 2010, 2010. http://www.w3.org/TR/2010/WD-css3-layout- 20100429/.
3. C. Braganza, K. Marriott, P. Moulder, M. Wybrow, and T. Dwyer. Scrolling behaviour with single- and multi-column layout. In Proceedings of the 18th international conference on World wide web - WWW '09, page 831, New York, NY, USA, Apr. 2009. ACM Press.
4. F. Buschmann, R. Meunier, H. Rohnert, P. Sommerlad, and M. Stal. Pattern-oriented software architecture: a system of patterns. John Wiley & Sons, Inc., New York, NY, USA, 1996.
5. D. Edwards. IE7, 2008. http://dean.edwards.name/IE7/.
6. C. Fernández Acebal. ALMcss : separación de estructura y presentación en la Web mediante posicionamiento avanzado en CSS (ALMcss: Separation between Structure and Presentation on the Web with CSS Advanced Layout). Phd thesis, Universidad de Oviedo, 2010.
7. E. Gamma, R. Helm, R. Johnson, and J. Vlissides. Design patterns: elements of reusable object-oriented software. Addison-Wesley Longman Publishing Co., Inc., Boston, MA, USA, 1995.
8. C. Jacobs, W. Li, E. Schrier, D. Bargeron, and D. Salesin. Adaptive grid-based document layout. ACM Transactions on Graphics, 22(3):838, July 2003.
9. J. Resig. The DOM Is a Mess, 2009. http://yuilibrary.com/theater/john-resig/resig-dom/.
10. A. Robinson. In search of the One True Layout, 2005. http://www.positioniseverything.net/articles/onetruelayout/.
11. C. Savarese. Introducing the CSS3 Multi-Column Module. A List Apart, 2005. http://www.alistapart.com/articles/css3multicolumn.

Index Terms

• Applied computing

  • Document management and text processing

    • Document preparation

• Human-centered computing

  • Human computer interaction (HCI)

• Information systems

  • World Wide Web

    • Web applications

      • Internet communications tools