The future of style

The Future of Style aggregates posts from various blogs that talk about the development of Cascading Style Sheets (CSS) [not development with Cascading Style Sheets]. While it is hosted by the W3C CSS Working Group, the content of the individual entries represent only the opinion of their respective authors and does not reflect the position of the CSS Working Group or the W3C.

Minutes Telecon 2013-01-16

Source: CSS WG Blogfantasai • 17 January 2013 02:42 AM

Full minutes

Minutes Telecon 2013-01-09

Source: CSS WG Blogfantasai • 17 January 2013 02:37 AM

Full minutes

Bert Bos will give a one-day tutorial (in Dutch) on CSS in U…

Source: W3C's Cascading Style Sheets home page16 January 2013 12:00 AM

16 Jan 2013 Bert Bos will give a one-day tutorial (in Dutch) on CSS in Utrecht, The Netherlands, on January 28, as part of the workshop series by Fronteers.

CSS3 Text Decoration Last Call for Comments

Source: CSS WG Blogfantasai • 03 January 2013 09:03 PM

The CSS Working Group has published a Last Call Working Draft of CSS Text Decoration Level 3. Level 3 extends line decorations (underlines, overlines, and strike-throughs) to add controls for color, style, position, and continuity. It also introduces emphasis marks (traditionally used in East Asian typography), and text shadows (which were deferred from Level 2).

Feedback is welcome, especially from people who work with non-Latin writing systems. The deadline for comments is 31 January 2013. As always, please send comments to the (archived) public mailing list www-style@w3.org with the spec code ([css-text-decor-3]) and your comment topic in the subject line. (Alternatively, you can email one of the editors and ask them to forward your comment.)

CSS3 Cascading and Inheritance WD Updated!

Source: CSS WG Blogfantasai • 03 January 2013 08:53 PM

The CSS Working Group has published an updated Working Draft of CSS Cascading and Inheritance Level 3. This is the first update to this module since 2005. In addition to synchronizing the module with CSS2.1, the update proposes a new all shorthand for resetting all properties, a CSS-wide default keyword for rolling back the cascade, and scoped rules to the cascade. Feedback is welcome, especially on Chapter 4.

As always, please send comments to the (archived) public mailing list www-style@w3.org with the spec code ([css3-cascade]) and your comment topic in the subject line. (Alternatively, you can email one of the editors and ask them to forward your comment.)

Minutes Telecon 2012-12-19

Source: CSS WG Blogfantasai • 03 January 2013 08:32 PM

Full minutes

The CSS WG issued a last call for comments for CSS Text Deco…

Source: W3C's Cascading Style Sheets home page03 January 2013 12:00 AM

3 Jan 2013 The CSS WG issued a last call for comments for CSS Text Decoration Module Level 3; and an updated Working Draft for CSS Cascading and Inheritance Level 3

Penguin Mark: Blazing Fast Holiday Fun

Source: IEBlog ieblog • 21 December 2012 06:01 PM

We don’t want the holiday season to pass without sharing another new HTML5 experience that makes the most of your PC hardware and the new touch capabilities in Windows 8.

Check out Penguin Mark and enjoy some GPU-powered holiday fun. This experience brings together hardware-accelerated HTML5 capabilities like canvas, CSS3 animations and transitions, audio, WOFF, power and performance APIs, and more. Be sure to turn your volume up for maximum entertainment. The faster your browser, the higher your Penguin Mark score goes.

Click to test your browser’s holiday spirit with Penguin Mark - screen shot of Penguin Mark Click to test your browser’s holiday spirit with Penguin Mark

With Windows 8, we delivered a whole new browserthat’s fast and fluid, and built for touch browsing. IE10 adds support for a broad range of developer capabilities, including new touch APIs, performance, HTML5, CSS3, JavaScript, and more. We continue to be amazed and delighted by what developers are building on HTML5 and excited to be part of it.

Thank you!

Your participation and feedback is an important part of how we build IE. Today we want to say thank you to everyone who browses the Web with Windows 8, is using IE9 or IE10 preview on Windows 7, runs the test drives, and shares your feedback with the IE team. We also want to thank the people and groups who make the standards process work, the broad community of Web developers, and enthusiastic consumers who work to move the Web forward.

From the entire IE team, we wish you a Happy Hardware-accelerated Holiday Season, and we look forward to another exciting year and more progress on the Web in 2013.

—Rob Mauceri, Group Program Manager, Internet Explorer

CSS3 Writing Modes Was Updated

Source: CSS WG Blog fantasai • 14 December 2012 02:48 AM

Forgot to announce that CSS Working Group has published an updated Working Draft of CSS Writing Modes Level 3 back in November. CSS Writing Modes Level 3 defines CSS support for various international writing modes, such as left-to-right (e.g. Latin or Indic), right-to-left (e.g. Hebrew or Arabic), bidirectional (e.g. mixed Latin and Arabic) and vertical (e.g. Asian scripts).

We’re hoping this is the last round before Last Call, but to get there we need your help! Please review the draft and give us feedback. Changes since the last Working Draft are listed in the Changes section. Sections that particularly need review and feedback include logical directions, orthogonal flows, and tate-chu-yoko.

As always, please send feedback to the (archived) public mailing list www-style@w3.org with the spec code ([css3-writing-modes]) and your comment topic in the subject line. (Alternatively, you can email one of the editors and ask them to forward your comment.)

CSS Fonts Level 3 Updated

Source: CSS WG Blogfantasai • 14 December 2012 02:33 AM

Just a quick note to announce that a new working draft of the CSS3 Fonts spec was published this week.

Significant changes/additions include:

As always, please post any and all comments, preferably well-reasoned, insightful ones, to (archived) public mailing list www-style@w3.org with the spec code ([css3-fonts]) and your comment topic in the subject line.

CSS3 Conditional Rules (@supports) Last Call

Source: CSS WG Blogfantasai • 14 December 2012 12:35 AM

The CSS Working Group has published a Last Call Working Draft of CSS3 Conditional Rules. This module defines the existing @media rule for media-specific parts of style sheets, which use media queries as a condition syntax, and introduces the new @supports rule for parts of style sheets that are specific to implementations that support particular property:value pairs. It also defines associated APIs.

This is a Last Call Working Draft; the working group hopes to advance this module to Candidate Recommendation soon after the last call period ends on January 10. If there’s anything you believe
needs to be changed anywhere in the specification, you should say so now. Changes since the last Working Draft are listed in the Changes section.

As always, please send feedback to the (archived) public mailing list www-style@w3.org with the spec code (>>[css3-conditional]<<) and your comment topic in the subject line. (Alternatively, you can email the editor and ask him to forward your comment.)

Minutes Telecon 2012-12-05

Source: CSS WG Blogfantasai • 13 December 2012 04:16 AM

No conclusions yet.

Full minutes

Minutes Telecon 2012-12-12

Source: CSS WG Blogfantasai • 13 December 2012 04:14 AM

Full minutes

Minutes Telecon 2012-11-28

Source: CSS WG Blogfantasai • 13 December 2012 03:59 AM

Full minutes

César Acebal put a new version of ALMcss3, a JavaScript impl…

Source: W3C's Cascading Style Sheets home page06 December 2012 12:00 AM

6 Dec 2012 César Acebal put a new version of ALMcss3, a JavaScript implementation of the CSS Template Layout Module, on github.com. It implements the latest proposed syntax for that specification.

Native CSS feature detection via the @supports rule

Source: Dev.Opera Chris Mills • 21 November 2012 02:16 PM

We have practised feature detection to allow us to provide appropriate code to browsers with differing levels of standards support for a while now, but we've always needed 3rd party libraries to handle it. But not for much longer: The CSS3 Conditional Rules Module Level 3 provides the @supports at-rule and associated JavaScript API, providing a native mechanism for doing CSS feature detection. In this article we'll give you the lowdown on how this rule works, looking at a real example in the process.

Minutes Telecon 2012-11-14

Source: CSS WG Blogfantasai • 15 November 2012 07:04 PM

Full minutes

Minutes TPAC 2012 Part VII: Display Models and Miscellaneous

Source: CSS WG Blogfantasai • 15 November 2012 02:14 AM

text-overflow: ellipsis

Full minutes

Grid Layout

Brief discussion of direction, progress, and lack thereof.

Full minutes

HTML5 Challenges

Full minutes

Display Models

Full minutes

Minutes TPAC 2012 Part VI: Style Attributes, Conditional Rules, Cascade, Case-sensitivity

Source: CSS WG Blogfantasai • 15 November 2012 02:13 AM

Style Attributes

Full minutes

CSS3 Conditional Rules

Full minutes: Part I, Part II

CSS3 Cascade

Full minutes

Case-sensitivity of CSS identifiers

Some discussion with Internationalization WG. No conclusions, but field of options seems to have narrowed to either ASCII-insensitivity or Unicode case-folding.

Full minutes

Minutes TPAC 2012 Part V: Masking, Compositing, Transforms, Transitions, Animations

Source: CSS WG Blogfantasai • 15 November 2012 02:03 AM

Masking

Full minutes

Compositing

Full minutes

Transforms

Full minutes: Part I, Part II

Animations

Full minutes: Part I, Part II

Transitions

Full minutes

Minutes TPAC 2012 Part IV: Paged Media, Fragmentation, Regions

Source: CSS WG Blogfantasai • 15 November 2012 02:01 AM

Paged Media

Full minutes

CSS Fragmentation

Full minutes

Overflow Regions

Tab proposed focusing on the overflow method of region auto-generation, instead of working on making random elements become regions containing randomly-spliced flows. Arguments in favor were that it solves the junk-elements-in-document problem, and that the enforced one-to-siblings relationship of the overflow-regions model avoids crash-prone complexity in the layout engine. Alan countered that it can’t handle all the use cases. There was some dispute about to what extent this was true. Rossen also requested that programmability of region containers not be ignored as a requirement.

Full minutes

Regions

Full minutes

Minutes TPAC 2012 Part III: Collisions, Exclusions, Line Layout, and Box/Alignment

Source: CSS WG Blogfantasai • 15 November 2012 01:57 AM

CSS Collision

Full minutes

Exclusions

Full minutes

Line Layout Module

Full minutes

CSS3 Box Module

Full minutes

Minutes TPAC 2012 Part II: Text, Writing Modes, and Sizing

Source: CSS WG Blogfantasai • 15 November 2012 01:55 AM

Writing Modes

Full minutes

Text and Text Decoration

Full minutes

Abstract Directional Terminology

Full minutes

CSS3 Sizing

Full minutes

Multi-column Layout

Discussed rules for sizing under the case labelled available-width == unknown, what that means, and whether various parts of the sizing pseudo-algorithm should be removed. No conclusion.

Full minutes

Minutes TPAC 2012 Part I: Administrative, Prioritization, and HTMLWG

Source: CSS WG Blogfantasai • 15 November 2012 01:32 AM

Spec Shortnames

Full minutes

Prioritization

Full minutes

HTMLWG/CSSWG Coordination

Identified several places where coordination is needed:

The third issue was about communication. Historically, the HTMLWG has put things in their spec that affect the interpretation of CSS (or, in some cases, extend CSS) without notifying the CSSWG of such changes or additions, giving the CSSWG no opportunity to review and send feedback or to incorporate such changes into its own specs. The HTMLWG countered that the CSSWG should file bugs about things that are wrong (once they find out about them) and escalate things using the HTMLWG process.

Present in this discussion were the CSSWG, two of the HTMLWG co-chairs, one of the HTML5 editors, and W3C’s Philippe Le Hégaret.

Full minutes

A new Working Draft: CSS Masking; and an updated Working Dra…

Source: W3C's Cascading Style Sheets home page15 November 2012 12:00 AM

15 Nov 2012 A new Working Draft: CSS Masking; and an updated Working Draft: CSS Writing Modes Module Level 3

Updated CSS3 Text; split out CSS3 Text Decoration

Source: CSS WG Blogfantasai • 13 November 2012 08:14 PM

he CSS WG has published an updated Working Draft of CSS Text Level 3 and a first public Working Draft of CSS Text Decoration Level 3, which was split out from the previous CSS3 Text draft.

CSS3 Text covers various aspects of text layout including white space processing, text transformations, line breaking, justification, and indentation. Significant changes since the previous WD are listed in the Changes section.

CSS3 Text Decoration covers text decoration: the various line decoration options as well as CJK-style emphasis dots and text shadows. Significant changes since the previous WD are listed in the Changes section.

Both drafts include many additions to CSS2 to address internationalization concerns, allowing better typography in non-Western (and Western) scripts.

Since there are no significant, known open issues, Koji and fantasai are planning for the next draft to be a Last Call Working Draft to be published in December, and have requested review from the CSSWG accordingly. We would also appreciate reviews from anyone else who has an interest in text layout or CSS internationalization.

As always, please send feedback to the (archived) public mailing list www-style@w3.org with the spec code ([css3-text] or ) and your comment topic in the subject line. (Alternatively, you can email one of the editors and ask them to forward your comment.)

IE10: Fast, Fluid, Perfect for Touch, and Available Now for Windows 7

Source: IEBlog ieblog • 13 November 2012 04:58 PM

In Windows 8, we reimagined the browser with IE10. We designed and built IE10 to be the best way to experience the Web on Windows. With the IE10 Release Preview for Windows 7 consumers can now enjoy a fast and fluid Web with the updated IE10 engine on their Windows 7 devices. The release preview of IE10 on Windows 7 is available for download today.

IE10 on Windows 8 brings an entirely new browsing experience and set of capabilities to the Web, such as a new touch first browsing experience and full screen UI for your sites, security improvements that offer the best protection against the most common threats on the Web, improved performance, and support for the HTML5 and CSS3 standards developers need.

With this release preview, Windows 7 customers receive all of the performance, security, and under-hood changes that enable a stellar Web experience. IE10 Release Preview also sends the "Do Not Track" signal to Web sites by default to help consumers protect their privacy.

Fast and Fluid

Browser performance is critical for running today’s modern Web sites and applications. IE10 is all around fast, bringing improved hardware acceleration and Chakra JavaScript engine to Windows 7. We continue to focus on improving real world site performance and third party recognition of IE's leadership in this area has been consistent.

You can experience IE10’s leading performance first hand with new demos on the IE Test Drive site with examples of hardware accelerated rendering in the Aston Martin 3D visualization for high frame rates, and interactivity, touch, and media with Audio Explosion.

The Mandelbrot test drive is another example of how IE10 runs real world sites fast, particularly sites with computationally intensive JavaScript and graphics. In this demo you can drill into detailed views of the Mandelbrot set and see how long it takes to calculate the view and how many iterations are calculated per second.

This image shows one of the presets calculated using the Mandelbrot Explorer test drive demo.

This image shows one of the presets calculated using the Mandelbrot Explorer test drive demo.

The chart below shows the result of Mandelbrot calculations for 21 presets run in IE10, Chrome 23, and Firefox 16, showing IE10 on average is over twice as fast as Chrome and about 20% faster than Firefox. Each calculation was run on identical hardware, a single Samsung Series 9 laptop with an Intel® Core™ i5-2537M CPU @ 1.40 Ghz with 4GB of memory running 64-bit Windows 7. You can see the full data results from this comparison here.

This chart shows the results of 21 Mandelbrot preset calculations run in IE10, Chrome 23, and Firefox 16 on Samsung Series 9 laptop with an Intel Core i5-2537M CPU @ 1.40 Ghz with 4GB of memory running 64-bit Windows 7

This chart shows the results of 21 Mandelbrot preset calculations run in IE10, Chrome 23, and Firefox 16 on Samsung Series 9 laptop with an Intel® Core™ i5-2537M CPU @ 1.40 Ghz with 4GB of memory running 64-bit Windows 7

More Interoperable HTML5 Support

IE10 shines on Windows 8, and with this release preview, IE10 brings the same powerful HTML5 engine to Windows 7 customers:

Rich Visual Effects: CSS Text Shadow, CSS 3D Transforms, CSS3 Transitions and Animations, CSS3 Gradient, SVG Filter Effects

Sophisticated Page Layouts: CSS3 for publication quality page layouts and application UI (CSS3 grid, flexbox, multi-column, positioned floats, regions, and hyphenation), HTML5 Forms, input controls, and validation

Enhanced Web Programming Model: Better offline applications through local storage with IndexedDB and the HTML5 Application Cache; Web Sockets, HTML5 History, Async scripts, HTML5 File APIs, HTML5 Drag-drop, HTML5 Sandboxing, Web workers, ES5 Strict mode support.

Developers building on these capabilities in Windows 8 can run the same markup with the same performance and capabilities on Windows 7. You can find a full list of new functionality available to developers in the IE10 developer guide here.

Commitment to Privacy with "Do Not Track" on By Default

IE10 continues our focus on helping consumers protect their privacy, which started in IE9 with features such as Tracking Protection. In Windows 8, "Do Not Track" (DNT) is "on" in the Express Settings at time of set-up, and IE10 in Windows 7 also sends a "Do Not Track" signal to Web sites by default. Microsoft's customers have been clear that they want more control over how their personal information is used online.  While "Do Not Track" is a technology solution that’s still in its formative stages, it holds the promise of giving people greater choice and control of their privacy as they browse the Web.  IE10 Windows 7 customers are notified of the "Do Not Track" setting via IE10's first run welcome page, including instructions for how they can turn off "Do Not Track" should they wish.

We believe that meeting customer expectations by putting people first is the best way to grow online commerce and the Internet economy. Our commitment is to provide Windows customers an experience that is "private by default" in an era when so much user data is collected online. IE10 is the first browser to send a "Do Not Track" (DNT) signal by default.

A Better Web Today, and Ahead

The opportunities continue for HTML5 to make both Web sites and applications better. Those opportunities are exciting for everyone on the Web.

IE10 is an entirely new IE. It's fast, fluid and perfect for touch. Try it out for yourself on a Windows 8 device or, if you are a Windows 7 user, download the preview today. We look forward to continued engagement with the developer community and your feedback on Connect.

-- Rob Mauceri, Group Program Manager, Internet Explorer

A new Working Draft: CSS Text Decoration Module Level 3; and…

Source: W3C's Cascading Style Sheets home page13 November 2012 12:00 AM

13 Nov 2012 A new Working Draft: CSS Text Decoration Module Level 3; and an updated Working Draft: CSS Text Module Level 3

Chinese Developers endeavor to get more involved in the community - Test The Web Forward hackathon in China

Source: W3C BlogAngel Li • 09 November 2012 03:13 PM

W3C China Office and Adobe co-organized the Test The Web Forward event on Oct 20-21, 2012 in Beijing. The intention of this hackathon was to help more Chinese developers to get involved in contributing to the web platform. Three W3C specifications including CSS Flexible Box, CSSOM View, and CSS3 Backgrounds and Borders were targeted during this event. 17 experts from W3C, Adobe, Google, Intel, Mozilla, Opera, UCWeb, Tencent, Baidu, Taobao, Qihoo360, Maxthon, and Huawei were there to help the attendee to get acquainted with how to Read a W3C Spec, how to Write a W3C Reftest and how to File a Good Bug Report. Over 260 developers from about 160 organizations registered for this event. 119 test cases (hard: 1, normal: 9, easy: 109) were submitted and 12 browser bugs were filed as the results of the test hackathon. Positive feedbacks have been gained from local developer communities and the industry. And the enthusiasm to continue the efforts of Test The Web Forward event next year in China is under discussion and more local industry volunteers to participate and contribute.

Details about the browser bugs that have been filed druing the event:

CSSOM View
  • Firefox Bug 803950 - matchMedia addListener event cannot be triggered every time by width be change over the condition.
  • Not yet logged into bug system] Opera alpha channel bug
CSS3 Backgrounds and Borders
  • WebKit Bug 99922 - [css border] border-image doesn't honor broder-style
  • WebKit Bug 99926 - Should show complete tiles when set 'border-image-repeat' as round
  • WebKit Bug 99927 - transform3d conflict with background animation
  • WebKit Bug 99928 - [CSS] shadow from radius has wrong render in webkit
  • Firefox Bug 803947 - [css border-radius] replaced element set border-radius will contents overflow.
  • [Not yet logged into bug system] IE Bug: When IE9 table's border is set to collapse, border-radius is not ignored.
CSS Flexible Box
  • WebKit Bug 99923 - margin-top/bottom has no effect for child nodes of flex items
  • WebKit Bug 99924 - WebKit does not support 'flex-wrap: nowrap'
  • WebKit Bug 99925 - Setting width of a flexitem causes the adjacent flex item to be displayed poorly.
  • [Not yet logged into bug system] Bug: Flexible Box Override child display property and set them to display:block

Updated Working Draft: CSS Grid Layout

Source: W3C's Cascading Style Sheets home page06 November 2012 12:00 AM

6 Nov 2012 Updated Working Draft: CSS Grid Layout

Feeds

The Future of Style features:

If you have a post you want to add to this feed, post a link (or the whole thing) on the CSS3 Soapbox. If you own a blog with frequent posts about the future of CSS, and want to be added to this aggregator, please get in touch with fantasai.

fantasai

Made with CSS! Valid CSS!Valid HTML 4.0! RSS feed Atom feed