research-article

ALMcss: a javascript implementation of the CSS template layout module

Authors:

César Acebal,

Bert Bos,

María Rodríguez,

Juan Manuel CuevaAuthors Info & Claims

DocEng '12: Proceedings of the 2012 ACM symposium on Document engineering

Pages 23 - 32

https://doi.org/10.1145/2361354.2361360

Published: 04 September 2012 Publication History

Get Access

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.

Digital Library

Google Scholar

[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/.

Google Scholar

[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.

Digital Library

Google Scholar

[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.

Digital Library

Google Scholar

[5]

D. Edwards. IE7, 2008. http://dean.edwards.name/IE7/.

Google Scholar

[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.

Google Scholar

[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.

Digital Library

Google Scholar

[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.

Digital Library

Google Scholar

[9]

J. Resig. The DOM Is a Mess, 2009. http://yuilibrary.com/theater/john-resig/resig-dom/.

Google Scholar

[10]

A. Robinson. In search of the One True Layout, 2005. http://www.positioniseverything.net/articles/onetruelayout/.

Google Scholar

[11]

C. Savarese. Introducing the CSS3 Multi-Column Module. A List Apart, 2005. http://www.alistapart.com/articles/css3multicolumn.

Google Scholar

Cited By

View all

Goncharenko BZaytsev VStorm TBalland EVarro D(2016)Language design and implementation for the domain of coding conventionsProceedings of the 2016 ACM SIGPLAN International Conference on Software Language Engineering10.1145/2997364.2997386(90-104)Online publication date: 20-Oct-2016
https://dl.acm.org/doi/10.1145/2997364.2997386
Vernica RVenkata NVanoirbeek CGenevès P(2015)AEROProceedings of the 2015 ACM Symposium on Document Engineering10.1145/2682571.2797084(187-190)Online publication date: 8-Sep-2015
https://dl.acm.org/doi/10.1145/2682571.2797084
Hassan TDamera Venkata NVanoirbeek CGenevès P(2015)The Browser as a Document Composition EngineProceedings of the 2015 ACM Symposium on Document Engineering10.1145/2682571.2797063(3-12)Online publication date: 8-Sep-2015
https://dl.acm.org/doi/10.1145/2682571.2797063

Index Terms

ALMcss: a javascript implementation of the CSS template layout module

Recommendations

CSS browser selector plus: a JavaScript library to support cross-browser responsive design
WWW '13 Companion: Proceedings of the 22nd International Conference on World Wide Web

Developing websites for multiples devices have been a rough task for the past ten years. Devices features - such as screen size, resolution, internet access, operating system, etc. - change frequently and new devices emerge every day. Since W3C ...
XQuery in the browser
WWW '09: Proceedings of the 18th international conference on World wide web

Since the invention of the Web, the browser has become more and more powerful. By now, it is a programming and execution environment in itself. The predominant language to program applications in the browser today is JavaScript. With browsers becoming ...
Chrome Home: Six Fun Activities Introducing Basic Web Programming Techniques (Abstract Only)
SIGCSE '18: Proceedings of the 49th ACM Technical Symposium on Computer Science Education

This workshop will provide participants with several small, fun classroom activities culminating in a useful web-based application that allows individuals to fully customize the page resulting from opening a new tab in Google Chrome. Attendees will ...

Comments

Information & Contributors

Information

Published In

DocEng '12: Proceedings of the 2012 ACM symposium on Document engineering

September 2012

256 pages

ISBN:9781450311168

DOI:10.1145/2361354

General Chair:
Cyril Concolato
Telecom ParisTech, France
,
Program Chair:
Patrick Schmitz
University of California, Berkeley, USA

Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

In-Cooperation

SIGDOC: ACM Special Interest Group for Design of Communications

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 04 September 2012

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article

Conference

DocEng '12

Sponsor:

SIGWEB

DocEng '12: ACM Symposium on Document Engineering

September 4 - 7, 2012

Paris, France

Acceptance Rates

Overall Acceptance Rate 194 of 564 submissions, 34%

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

3
Total Citations
View Citations
250
Total Downloads

Downloads (Last 12 months)5
Downloads (Last 6 weeks)0

Reflects downloads up to 13 Nov 2024

Other Metrics

View Author Metrics

Citations

Cited By

View all

Goncharenko BZaytsev VStorm TBalland EVarro D(2016)Language design and implementation for the domain of coding conventionsProceedings of the 2016 ACM SIGPLAN International Conference on Software Language Engineering10.1145/2997364.2997386(90-104)Online publication date: 20-Oct-2016
https://dl.acm.org/doi/10.1145/2997364.2997386
Vernica RVenkata NVanoirbeek CGenevès P(2015)AEROProceedings of the 2015 ACM Symposium on Document Engineering10.1145/2682571.2797084(187-190)Online publication date: 8-Sep-2015
https://dl.acm.org/doi/10.1145/2682571.2797084
Hassan TDamera Venkata NVanoirbeek CGenevès P(2015)The Browser as a Document Composition EngineProceedings of the 2015 ACM Symposium on Document Engineering10.1145/2682571.2797063(3-12)Online publication date: 8-Sep-2015
https://dl.acm.org/doi/10.1145/2682571.2797063

View Options

Get Access

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Cited By

Index Terms

Recommendations

CSS browser selector plus: a JavaScript library to support cross-browser responsive design

XQuery in the browser

Chrome Home: Six Fun Activities Introducing Basic Web Programming Techniques (Abstract Only)

Comments

Published In

Sponsors

In-Cooperation

Publisher

Publication History

Permissions

Check for updates

Author Tags

Qualifiers

Conference

Acceptance Rates

Other Metrics

Article Metrics

Other Metrics

Cited By

Login options

Full Access

PDF

eReader

Abstract

References

Cited By

Index Terms

Recommendations

CSS browser selector plus: a JavaScript library to support cross-browser responsive design

XQuery in the browser

Chrome Home: Six Fun Activities Introducing Basic Web Programming Techniques (Abstract Only)

Comments

Information

Published In

Sponsors

In-Cooperation

Publisher

Publication History

Permissions

Check for updates

Author Tags

Qualifiers

Conference

Acceptance Rates

Contributors

Other Metrics

Bibliometrics

Article Metrics

Other Metrics

Citations

Cited By

Get Access

Login options

Full Access

View options

PDF

eReader

Figures

Other

Share

Share this Publication link

Share on social media

Affiliations