publishing/CSS.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>CSS modules of particular interest for Publishing</title>
</head>
<body>
    <header>
        <h1>CSS modules of particular interest for Publishing</h1>
        <p>CSS plays a crucial role in producing high quality publications. Publishing has, however, some special needs, and this may also mean a closer work with the CSS WG in, possibly, adjusting the specifications.</p>
    </header>
    <main>
        <section class="featureset well-deployed">
            <p>Pagination and any other aspect of layout, is governed by the various CSS specifications. A few specification are especially relevant for User Agents that wish to provide high quality support for publishing:</p>
            <ul>
                <li>
                    Section in 13 in <span data-feature="CSS2"><a data-featureid="css2">CSS2</a></span> defines the fundamentals of pagination in CSS.
                </li>

                <li>
                    The <span data-feature="CSS Page 3"><a data-featureid="css3-page">CSS Page 3</a></span> modules specifies how pages are generated and laid out to hold fragmented content in a paged presentation. It adds functionality for controlling page margins, page size and orientation, and headers and footers, bleed and printer marks, and extends generated content to enable page numbering and running headers/footers. It may become necessary, however, to extend the <code>@page</code> feature to express initial preference over scrolling vs. pagination. 
                </li>

                <li data-feature="CSS Device Adaptation">
                    The <a data-featureid="css-device-adapt">CSS Device Adaptation</a> module provides a way for an author to specify, in CSS, the size, zoom factor, and orientation of the viewport that is used as the base for the initial containing block. It may be necessary to extend the <code>@viewport</code> or of the <a href="https://drafts.csswg.org/css-device-adapt/#viewport-meta">viewport meta tag</a> to express initial preference over scrolling vs. pagination.
                </li>

                <li>
                    The <span data-feature="CSS Fragmentation"><a data-featureid="css-break-3">CSS Fragmentation</a></span> module describes the fragmentation model that partitions a flow into pages, columns, or regions. It builds on the Page model module and introduces and defines the fragmentation model. It adds functionality for pagination, breaking variable fragment size and orientation, and controling (forcing or forbidding) where breaks happen, including widows and orphans. 
                </li>

                <li>
                    <span data-feature="Media Queries"><a data-featureid="mediaqueries">Media Queries</a></span>, <span data-feature="Media Queries 4"><a data-featureid="mediaqueries4">Media Queries 4</a></span>, <span data-feature="Media Queries 5"><a data-featureid="mediaqueries5">Media Queries 5</a></span> provide authors with features to detect various aspect of the media the document is being rendered in, including whether (and how) it is paginated, or more nuanced questions to tell apart environments like a ebook reader from a print rendition. 
                </li>

                <li>
                    The <span data-feature="CSS Generated Content for Paged Media Module"><a data-featureid="css-gcpm-3">CSS Generated Content for Paged Media</a></span> module defines a few features that are useful in paged media, such as footnotes, running headers and footers, and page selectors. 
                </li>

                <li>
                    The <span data-feature="CSS Generated Content Module Level 3"><a data-featureid="css-content-3">CSS Generated Content Module Level 3</a></span> module contains a few features that while not exclusive to paged media, are particularly useful in paged media, such as leaders or cross references. 
                </li>

                <li>
                    <span data-feature="CSS Page Floats"><a data-featureid="css-page-floats-3">CSS Page Floats 3</a></span> extend the ability of floats to not only go to the beginning or end of the line, but also to float to the top or bottom of pages, columns. 
                </li>

                <li>
                    The <span data-feature="CSS Grid 1"><a data-featureid="css-grid-1">CSS Grid 1</a></span> module is not specific to paginated media, but is nonetheless noteworthy as it enables advanced layouts often found in print publications. 
                </li>

                <li data-feature="CSS Rhythms">
                    The <a data-featureid="css-rhythm-1">CSS Rhythmic Sizing</a> module contains CSS features for aligning content size to multiple of unit size.
                </li>

                <li data-feature="CSS Line Grid">
                        The <a data-featureid="css-line-grid-1">CSS Line Grid</a> module contains CSS features for aligning content to a baseline grid.
                </li>
    
                <li data-feature="CSS Fonts">
                    The <a data-featureid="css-fonts-4">CSS Font 4</a> module introduces a number of features like <code>font-stretch</code>, <code>font-synthesis</code> (oblique, which a lot of publishers do in their DTP tools when an italic is not available), OTF, color fonts, variable fonts.
                </li>
            </ul>
        </section>
    </main>
<script src="../js/generate.js"></script>
</body>
</html>