CSS Regions

Follow these steps to get started with CSS Regions

1. Learn more about CSS Regions in the Adobe Developer Connection
2. Download CSS Regions and Samples
3. Follow the installation and operation instructions in the contained readme.txt file.
4. Read the Documentation.html file within the archive.
5. Check out the CSS Regions samples contained within the archive.
6. Ask questions or share your feedback in the CSS Regions forum
   
   

   Please note that your submission of comments, ideas, feature requests and techniques on this and other Adobe maintained forums, as well as Adobe's right to use such materials, is governed by the Adobe.com Terms of Use.

Below you'll find references and links to help you participate in the CSS Regions community.

Online Forum

Ask questions and discuss ideas with other CSS Regions users in the Labs forum.

Visit the CSS Regions discussion forum

Please note that your submission of comments, ideas, feature requests and techniques on this and other Adobe maintained forums, as well as Adobe's right to use such materials, is governed by the Adobe.com Terms of Use.

Adobe Developer Connection

Learn more about HTML5 and related technologies in the Adobe Developer Connection.

• Visit the HTML5 Developer Center
• Read the CSS3 regions: Rich page layout with HTML and CSS3 article

Resources

If you want to learn more about releases on Labs as well as other Adobe technologies, visiting a user group or connecting with an Adobe Community Professional is a great place to start.

• Find a user group
• Find an Adobe Community Professional

• FAQ
• System Requirements
• Release Notes

FAQ

What is CSS Regions?

CSS Regions is a sample implementation of the proposed additions from Adobe to the W3C CSS (Cascading Style Sheet) modules to build complex, magazine-like layouts using web standards. Capturing in digital form the complex layouts of a typical magazine, newspaper, or textbook requires capabilities beyond those possible with the existing CSS modules. CSS Regions is a proposal that describes how content creators can use some additional basic building blocks to express complex layouts with CSS. There are two proposed modules: the CSS Regions module and the CSS Exclusions module.

What is included in CSS Regions?

The CSS Regions download file includes an implementation of a customized version of WebKit and several sample HTML files showing what can be done with CSS Regions, along with supporting documentation.

Where can I see examples and learn more about each of the CSS Regions content types?

The CSS3 regions: Rich page layout with HTML and CSS3 article contains additional information on the CSS Regions content types.

Who should use CSS Regions?

Web designers and developers who are interested in building complex, magazine-like layouts using web standards should use CSS Regions to develop proof-of-concept layouts.

How is CSS Regions related to Adobe Creative Suite® products? Do I need any Adobe products to use CSS Regions?

CSS Regions is not related to any Adobe Creative Suite product and Adobe Creative Suite products are not needed to use or modify the prototype.

Why is this being released on Adobe Labs?

Adobe is making this prototype implementation available as well as several samples showing CSS Regions for developers to experiment with this new technology. We are also making this software available to gauge community interest in CSS Regions and welcome your feedback. Please use the CSS Regions forum to request features, make comments and report problems.

When will this be natively available in the WebKit main branch?

The implementation provided by Adobe is a prototype. Adobe is working with the WebKit community and implementing the features in the WebKit main branch and some of the CSS regions features are already available in the nightly Chromium and WebKit builds. Our team is continuing to work with the WebKit community to further this implementation, in parallel with the specification work happening in W3C.

When will this get adopted in the W3C CSS specification?

The pace of standard bodies is difficult to predict because it depends on many factors, such as the amount of discussions any given proposal generates, the other work the W3C Working Group has to address and how much effort is put in making the different modules progress. Adobe is committed to help this effort progress by being an active participant to the CSS Working Group and being an editor of the drafts. The CSS Regions proposal has been accepted as a Working Draft by the CSS Working Group. The CSS Exclusion proposal is currently an Editor Draft and is expected to move to Working Draft before the end of 2011, but again, this depends on the editors and the CSS Working Group's progress.

The sample files look broken. What's happening?

Please use the browser in the package to view the samples. Instructions on how to use the bundled browser can be found in the readme.txt file inside the package. At the current time this is the only way to see the proposed CSS properties working.

Why is overflow text hidden in some samples?

The purpose of this demo is to showcase the CSS properties Adobe is proposing. Text overflow is expected to be handled through more in-depth scripting, not provided with this package.

Where can I post issues and comments?

Please use the CSS Regions forum to request features, make comments and report problems. If you have comments about the W3C CSS Regions and CSS Exclusions Editor’s drafts, you can email comments to the www-style@w3.org mailing list (see instructions) with “[css3-regions]” or “[css3-exclusions]” in the title.

System Requirements

Windows: Windows XP Professional and Windows 7 Professional

Mac OS: Mac OS X Snow Leopard (10.6)

Release Notes

This release of CSS Regions is prerelease software and is designed for evaluation purposes only. The technology is not final; but, many portions of the technology are fully implemented and ready for you to try and discuss.

For more information, read the Documentation.html file within the CSS Regions download.