W3C Digest. What's new in CSS3. Issue 1

    The CSS3 working group is constantly debating what will be in the new standard. To keep my finger on the pulse, I will try to lay out on weekly the most interesting points from their discussion.

    Regions


    Let's start by posting a new draft of the CSS3-Regions module . This module was created for more precise flow control, making it easier to create designs like this one:


    It is worth noting that the authors of this module are gentlemen from Adobe Systems, Inc, and similar behavior (text flowing from one region to another) is well known to users of products such as Adobe Illustrator, Adobe InDesign, and even Corel Draw.

    "Regions" can become the main tool of the layout designer, as it allows you to create amazing flow around a given path.

    Aural problems


    Recently, there has been an active discussion about the Speech module . We discussed such a property as voice-balance, which allows you to control the position of the sound source. The main problem is that for different systems (mono, stereo, headphones, 5.1, etc.), it is necessary to determine the direction of the sound source by various algorithms. So far they decided not to bother, describe the general principles that will be finalized later or given to the discretion of browser developers.

    CSSOM working draft


    A working draft (WD) of the CSSOM module has been published . It describes the API for working with document styles. Honestly, this is a very crude document.

    Special offer


    Specification developers were asked to introduce a new pseudo-element regex. I consider this a very elegant solution, especially for a replacement ::first-letter. The problem with the latter is that in some languages ​​you cannot select only one letter, since this is a whole syllable or a word in general. But it will be possible to fence such structures as:

    /*выделяем третье слово*/
    p::regex(/^(?:\w+\s+){2}(\w+)/) {
     background-color: #cf6;
    }
    


    CSS-Lists Work Draft (Lists)


    Serious battles continue around this module . The goal is to make universal lists with any numbers, dots, squares, arbitrary characters in any languages ​​of the world as markers. What's new in this version:

    1. The meaning of the directive list-style-position: outsidewas divided into two: 'outside'and 'hanging'. The main goal is a more accurate marker behavior for text that is written from right to left (rtl).
    2. Now you can make your own custom text markers.
    3. You can turn some element inside the string into a marker. This will display text with markers when CSS may be disabled.
    4. A new pseudo-element has been added ::marker, thanks to which there are opportunities to manage the styles of these same markers.
    5. A rule @counter-stylehelps authors make their own named enumeration types

    In general, this module has made great strides over the past six months. Maybe even with the new standard, coders will finally start using lists for their intended purpose, and not as a banal container for content, with overridden default styles.

    Thanks for attention!

    Also popular now: