tools.css3.infoCSS3 . Info - All you ever needed to know about CSS3

CSS3 HOME CSS3 PREVIEW MODULE STATUS CSS SELECTORS TEST COMMUNITY NEWS ABOUT US 2015 05 May Flexbox and Grid Percentage Margins: Feedback Needed by fantasai Posted in Feedback , W3C Add comments (2) | Permanent link The CSS Working Group has reached an impasse on the issue of percentage margins (and padding) in flex and grid layout , and needs your input to help decide it. Option 1: Flex and grid items resolve percentages in margin-top and margin-bottom against the height of the element’s containing block. Option 2: Flex and grid items resolve percentages in margin-top and margin-bottom against the width of the element’s containing block. Option 1 makes vertical margins consistent with horizontal margins (which resolve percentages against the width of the element’s containing block). This is a theoretically simpler model, and works well with Flexbox and Grid’s dimension-agnostic layout concepts. However, it is inconsistent with CSS block layout, and causes the margins to collapse to zero when used in an auto-height container. Option 2 is consistent with the behavior of vertical margins in block and table layout. It has usable behavior in auto-height boxes, and enables the “aspect ratio hack” . However, it is a less obvious behavior, and means the layout interactions change based on whether a flexbox is “row” or “column”. (For more background, see discussion on www-style .) We’re looking for comments from authors explaining which behavior they think is better for Flex and Grid layout, and why. Do you have use-cases that can only be achieved with one behavior or the other? Show us! Read More » 2014 19 Dec CSS Box Alignment Level 3 Updated by fantasai Posted in Feedback , Modules , News , W3C Add comments (0) | Permanent link The CSSWG has published an updated Working Draft of CSS Box Alignment Level 3 . This module extends the Flexbox alignment properties to apply to all layout models and adds additional controls for logical positioning, space distribution, and handling overflowing elements. This is the vertical centering module, people. This module’s syntax and functionality is in the process of stabilizing now and we need your feedback . Think of all the cool things you could do with the new alignment properties! Imagine them! Examine them! Make examples! Write rants! And tell us what is awesome and what is stupid so that we can fix it to be better before it gets locked down in shipped browsers. Changes since the last Working Draft are listed in the Changes section . Please send feedback! Comment here, post to the ( archived ) public mailing list [email protected] with the spec code ( [css-align] ) and your comment topic in the subject line, write a blog post and send us a link, or, if you’re shy, email one of the editors directly. Ranting somewhere else in the ether and expecting us to find it by magic, however, won’t work. Read More » 2014 22 Feb CSS Working Group Releases Updated Last Call for CSS3 Backgrounds and Borders by Chris Posted in News Add comments (0) | Permanent link Although the Backgrounds and Borders Level 3 module has already reached the Candidate Recommendation stage of development several times in its lifespan, most recently in July 2012 , the module has been updated again after implementation feedback identified the need for a few small changes. Keep reading for the full list of changes in this version. Read More » 2013 18 Apr CSS Grid Layout Overhaul — Comments Needed! by fantasai Posted in W3C Add comments (2) | Permanent link The CSS Working Group has published an updated Working Draft of CSS Grid Layout . This CSS module defines a two-dimensional grid-based layout system optimized for user interface design. This is publication is a major update: not only has the draft generally been reorganized and much of the prose rewritten to fill in missing details, avoid repetition, improve precision and terminology, and ensure alignment with Flexbox , but it’s switched to a new positioning model. The old grid layout model uses properties to indicate the starting row/column and the item’s span. The new grid layout model positions each edge of the item to a grid line. Read More » 2013 15 Feb Opera Announces Switch to WebKit Rendering Engine by Chris Posted in Browsers , News Add comments (8) | Permanent link Opera Software have announced that they are abandoning their proprietary Presto rendering engine in favour of the open source WebKit rendering engine, for future versions of their mobile and desktop web browsers. Read More » 2013 12 Feb Japanese Government Offers Funding for Contributions of Code or Tests for the (Vertical) Text Features of CSS. by Chris Posted in Modules , News Add comments (2) | Permanent link The Japanese government is offering several grants for researching the problems of vertical text layout standardization on next generation web browsers. Each grant is worth ¥100,000 (about €790). Read More » 2012 28 Aug W3C Releases Updated Working Draft of CSS3 Text Module by Chris Posted in Modules , News , W3C Add comments (13) | Permanent link The W3C this month, on 14th August 2012, released an updated working draft of the CSS3 Text Module . The updated working draft includes several changes from the previous version , published in January 2012. Keep reading for further details. Read More » 2012 03 Aug CSS3 Media Queries Becomes Official W3C Recommendation, CSS4 Media Queries Takes Shape by Chris Posted in Modules , News , W3C Add comments (13) | Permanent link The CSS3 Media Queries module was released as an official W3C Recommendation on 19 June 2012, marking the end of a development cycle that began over ten years ago (the first working draft of the specification was published on 4 April 2001). Read More » 2012 26 Jul CSS3 Transitions, Transforms and Animations – Now Prefix Free by Chris Posted in Browsers , Modules , News , W3C Add comments (20) | Permanent link Last month Microsoft announced that they now support (via their IE10 release preview) CSS3 Animations, Transforms and Transitions without the need for vendor prefixes, becoming the first browser to do so. Read More » 2012 14 May Updated CSS3 Preview – CSS3 Attribute Selectors by Chris Posted in CSS3 Previews , Site Updates Add comments (11) | Permanent link The CSS3 Selectors module introduces three new attribute selectors, which are grouped together under the heading “Substring Matching Attribute Selectors”. These new selectors are as follows: [att^=val] – the “begins with” selector [att$=val] – the “ends with” selector [att*=val] – the “contains” selector Read the complete updated article in our CSS3 Preview section » Read More » Page 1 of 10: 1 2 3 4 5 6 7 8 9 10 Next » Subscribe to our RSS CATEGORIES Blog 0 Book Reviews 4 Browsers 84 Competitions 2 CSS3 Previews 55 CSS3 Resources 9 Declarations 21 Feedback 7 Interviews 13 Modules 67 News 101 Proposals 7 Scripting 4 Selectors 8 Site Updates 10 Staff 5 Summer Contest 6 Tutorials 16 W3C 53 FRIENDS Frederick Townes Nicholas Shanks Niels Leenheer Peter Gasston W3’s CSS Blog WHMCS Themes from Impressive Themes Meta Log in About CSS3.info Contact Us Entries RSS Comments RSS WordPress.org TAG CLOUD acid3 advanced layout advanced layout module Animations background border Browsers color css CSS3.info CSS WG csswg developer tools disabled enabled Feedback firefox firefox 3.1 flexible box layout fonts generated content grid positioning HSLA HTML5 ie6 jina bolton jquery media player Multicolumn Layout News Opera Opera Dragonfly presentations RGBA safari Selectors slides SVG text rendering W3C wasp Web Fonts webkit windows Hosting by: © 2009-2012 WEBFLUX. All Rights Reserved....