CSS3 : Progression de la norme

[teoli2003]

Sur la version en cours d'écriture, je remarque que le « $ » et devenu un « ? ».
Et ce n'est pas pas le seul changement.

Cela arrive souvent. Ainsi, même dans un truc désormais assez stable comme les linear-gradient la syntaxe a été modifiée: d'abord complètement (ce qui fait que la proposition initiale de webkit — et même l'implémentation — est très différente. Ce qu'implémente Firefox est aussi différent, la norme ayant été étendue plusieurs fois...

[Zefling]

Je sais, c'est histoire de suivre un peu.

[Zefling]

Nouveau module de mise en page qui semble bien suivit par Ms et Chrome: CSS Regions Module

On retrouve par exemple un test ici : Building Rich Text-Centric Pages in IE10
Adobe (qui apporte sont soutient à webkit) est aussi de la partie : CSS Regions Prototype

Avec IE10, va Ms va commence à prendre une belle avance sur le support du CSS (expérimental).

[Bobe]

Dommage qu'on soit encore entravé par les IE < 9 pour un moment.

Au fait, le W3C aurait-il abandonné ce module ? => http://www.w3.org/TR/css3-content/

Je trouvais l'idée du ::outside excellente.

[Abraxas]

Avec IE10, va Ms va commence à prendre une belle avance sur le support du CSS (expérimental).

Pas faux, je ne suis pas un spécialiste mais en voulant répondre à forumeur, j'ai vu aussi que IE10 était en avance sur le draft CSS Grid Layout et MS a posté une démo:
http://ie.microsoft.com/testdrive/HTML5 ... fault.html

Mozilla a ouvert le bug 616605 (mais aucun patch pour le moment) ainsi que WebKit (bug 60731, pas de patch).

[Zefling]

Dommage qu'on soit encore entravé par les IE < 9 pour un moment.

Au fait, le W3C aurait-il abandonné ce module ? => http://www.w3.org/TR/css3-content/

Je trouvais l'idée du ::outside excellente.

Il y a pas mal des éléments qui sont restés sur le carreau, je pense que c'est en partie des selecteurs.

Perso ce qui m'intéressait, c'est plutôt ça : Nesting '::before' and '::after' pseudo-elements / Inserting multiple '::before' and '::after' pseudo-elements
Mais ça été éjecté des sélecteurs de niveau 3.

Il y a un paquet de modules qui sont quasiment mort. D'autres comme celui que je viens de présenté sont supportés par des navigateurs, donc il y a beaucoup plus de chance que dernier ça suivent.

Avec IE10, va Ms va commence à prendre une belle avance sur le support du CSS (expérimental).

Pas faux, je ne suis pas un spécialiste mais en voulant répondre à forumeur, j'ai vu aussi que IE10 était en avance sur le draft CSS Grid Layout et MS a posté une démo:
http://ie.microsoft.com/testdrive/HTML5 ... fault.html

Mozilla a ouvert le bug 616605 (mais aucun patch pour le moment) ainsi que WebKit (bug 60731, pas de patch).

Je suis une bonne 40aine de bug CSS3 et franchement, ça bouge pas beaucoup à par transforme 3D et la nouvelle version des flexbox. Ça me désole d'ailleurs de voir que ruby ne bouge plus depuis juillet.

[Zefling]

J'avais oublié de parler de CSS Template Layout Module, qui a eu le droit son versionning de draft le 29 du mois dernier.

Code : Tout sélectionner

body  { display: "aaa"
                 "bcd" }
#head { position: a }
#nav  { position: b }
#adv  { position: d }
#body { position: c }

C'est probablement un des modules les plus intéressants pour les mise en page simples comme très complexe. Ajouter aux modules d'exclusions et de régions, et je pense que tout ce que fait un traitement un texte sera possible aisément en HTML.

Sinon une petit page pour voir les drafts en cours [trié par date]. Certains modules bougent plus que d'autres.

________________________________

Au passage, je suis pas mal la page wikipédia : Comparison of layout engines (Cascading Style Sheets)
Du coup, j'en ai profité pour détaillé display et position (Il faudra que je vois si c'est pertinent de l'ajouter à l'article)

[Zefling]

Tiens un module à côté du quel je suis passé : CSS Variables Module Level 1

Ce module permet de créer des variables CSS en s’inspirant des attributs data HTML5.

Un exemple simple :

Code : Tout sélectionner

:root {
  data-header-color: #06c;
}
h1 { 
  background-color: data(header-color); 
}

Au début, j'avais pensé qu'une règle aurait était plus simple, mais cette approche n'est pas trop mal non plus car elle pourrait permettre d'appeler des data du HTML.

[~HP]

Donec quis dolor elit, sit amet accumsan est? Donec nisl felis, dictum quis consectetur id, accumsan a enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent euismod posuere eros quis posuere. Morbi sapien enim, facilisis ut pharetra sed; lacinia vel massa. Cras in magna ac felis feugiat porttitor ornare vel risus. Sed dignissim eleifend adipiscing? Donec pretium tristique gravida. Curabitur posuere tellus id massa consequat suscipit at vitae nibh. Suspendisse condimentum, magna ut semper facilisis, risus diam laoreet quam, eu gravida ligula nibh ac tellus. Aliquam porttitor cursus pellentesque. Proin condimentum euismod blandit. Proin eget fringilla diam. Fusce consequat cursus tellus, vel aliquet justo faucibus et.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec blandit pellentesque sapien ut feugiat. Nunc mollis placerat iaculis. Quisque malesuada odio nec felis posuere eleifend. Duis mattis enim a libero venenatis vehicula. Curabitur tempus commodo urna nec aliquet. Fusce vestibulum volutpat tortor eget laoreet. Quisque ac eros ac lectus ullamcorper sed.

[Zefling]

Ta réponse c'est un peu comme dire que transformation 3D en CSS c'est nul car il y a WebGL.

[~HP]

Integer tellus diam, laoreet a vestibulum et; mattis quis purus? Sed hendrerit molestie nisi, ac aliquet enim semper ac. Suspendisse luctus commodo lacinia. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam sed tortor nec nunc placerat iaculis. Nam adipiscing aliquet urna a facilisis. Donec et sem eget urna fringilla lacinia nec molestie nisi. Nullam aliquet diam non nunc cursus aliquet? Phasellus tempor, dui at consequat dictum, diam arcu dignissim elit, id cursus sapien enim sed tortor.

Ut molestie ornare lacus, eget bibendum est lobortis vitae? Donec tortor leo, rhoncus eget tempus varius, eleifend nec magna? Fusce iaculis lectus nulla; a porta eros. Nam mollis neque vitae orci tincidunt volutpat. Etiam et eros odio, faucibus facilisis elit. Etiam tincidunt pellentesque neque, placerat eleifend quam sollicitudin id. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam pretium sodales nulla vitae tincidunt. Curabitur eget ipsum sapien, vitae suscipit erat. Ut malesuada placerat lectus. Donec vitae metus et erat sollicitudin tristique quis amet.

[Abraxas]

Tiens un module à côté du quel je suis passé : CSS Variables Module Level 1

Bug 442864 - CSS Variables
Ca a l'air un peu mort...

[Bobe]

Ouais… bof ! Perso j'utilise sass : Sass - Syntactically Awesome Stylesheets
sass permet de nombreuses choses qui ne sont pas prêtes d'être incorporées dans une norme CSS ; l'intérêt majeur que j'y trouve c'est de pouvoir utiliser l'imbrication qui permet d'avoir une véritable organisation structurelle.

J'aime aussi l'idée de pouvoir imbriquer des règles CSS.
Le reste par contre est beaucoup moins utile, voire superflu.

[~HP]

Nulla vel justo dui, a venenatis nibh. Pellentesque et magna magna. Maecenas sagittis magna leo, non malesuada metus. Phasellus lacinia scelerisque fermentum. Suspendisse molestie volutpat sodales. Pellentesque aliquam ligula quis sem mattis egestas. Proin pulvinar libero vitae lacus cursus a blandit risus accumsan. Morbi dapibus fringilla nulla, eu dapibus mauris eleifend non.

Duis quis nunc massa. Duis urna metus, euismod vel auctor sed; imperdiet at felis. Morbi luctus mollis facilisis. Praesent et dolor mauris, id tincidunt quam. Vestibulum felis dui, volutpat ac aliquet sed, consectetur a sapien. Vivamus blandit ultrices odio, vel eleifend felis porta at. Vestibulum ultricies nulla id magna convallis sagittis. Donec ut ante egestas metus lobortis placerat vel ac magna. Aenean ac tellus non mi fringilla commodo.

Pellentesque ut accumsan neque. Integer pharetra, mauris eget placerat ultrices; ante tellus condimentum turpis, ac interdum urna ligula scelerisque lectus. Etiam ante lacus, posuere vel bibendum at, viverra a est. Vestibulum eleifend ornare dignissim. Aliquam interdum vestibulum libero at tempor. Duis ut nullam.

[Zefling]

Ta réponse c'est un peu comme dire que […] c'est nul car il y a [autre chose].

Non, je dis juste que le retard est énorme…
Je n'ai pas dit que c'était nul ! Ce n'est pas nul, puisque il y a un mouvement : mouvement != nul
Seulement, le mouvement est trop faible.

Je te laisse te renseigner sur la « Compass Core Team » (et, surtout, qui la compose), voir si après tu penses encore voir une évolution rapide des normes… moi, perso, je n'y crois p(a|lu)s… donc, si il faut encore attendre 10 ans pour enfin pouvoir faire des choses intéressantes en CSS avec un réel confort, je préfère le faire maintenant.

Ouais, bha les shadows je me suis longtemps démerdé à les faire en images et en JS, puis un jour une règle CSS m'a simplifié la tache. Là, je fais juste remarquer qu'un truc attendu depuis des années serait en voie d'être simplifié.

C'est un peu comme le gelElementByClass(), c'est très simple de faire sans (surtout quand Jquery le fait tout seul), mais ça demande plus de ressource.

Oui, il y a plein de framework CSS qui pallient aux retard du CSS, mais ça n'empêche pas de remarqué les évolutions de ce dernier.

Tiens un module à côté du quel je suis passé : CSS Variables Module Level 1

Bug 442864 - CSS Variables
Ca a l'air un peu mort...

Si tu savais le nombre de bug CSS que je suis qui bouge pas d'un pouce... (Voilà, j'ai voté pour celui là )