Full CSS

Full CSS

10 commentaires sur cet article

  1. Kaelig, le 9 décembre 2012 à 0:39

    Très bon !

    Nous avons besoin de gens qui poussent les limites des possibles autour des standards, mais en effet au final ce qui aura un impact dans le cadre d'un “vrai” produit, c'est l'utilisation raisonnée des technologies éprouvées.

  2. Jconline, le 9 décembre 2012 à 0:42

    Un strip qui change pas mal de 24 jours de web, mais qui représente si bien une tendance que je ne comprend toujours pas ... Après c'est vrai que ça fait énormément d'entrainement CSS, tes rodé après ^^

  3. Anthony Ricaud, le 9 décembre 2012 à 9:31

    • pose discrètement le mot SVG et s'en va *
  4. karl, le 10 décembre 2012 à 2:21

    • pose discrètement le mot accessibilité et s'en va *
  5. Anthony Ricaud, le 10 décembre 2012 à 10:15

    Ah oui c'est vrai que ce strip n'est pas accessible du tout.

  6. Daniel Roch, le 10 décembre 2012 à 13:41

    Mis à part le fait de s'entraîner et de maîtriser à fond le CSS, il est vrai que cela a peu d'intérêt (du moins tant que la compatibilité sur toutes les versions de navigateurs ne sera pas entièrement faite).

  7. Pierre Bertet, le 10 décembre 2012 à 17:25

    Ha ha !

    Pour répondre aux commentaires précédents, j’observe souvent ces réactions lorsqu’il est question de démos CSS (les autres langages semblent moins concernés) : c’est une très mauvaise idée, la technologie employée n’est pas la bonne. Sans blague ? :-)

    Le but d’une démo n’est pas d’être utilisée en production. La version SVG d’une démo CSS (un iPhone vectoriel par exemple) n’est plus une démo, c’est une solution à un problème réel, ce qui est intéressant (identifier la solution la plus adaptée à un problème précis), mais complètement hors-sujet.

    Alors, à quoi sert une démo ?

    Pousser une technologie jusqu’à ses limites permet d’améliorer l’interopérabilité des navigateurs dans des cas extrêmes. Indirectement, cela permet une meilleure interopérabilité sur des cas réels, plus simples.

    Explorer des solutions inhabituelles pour des besoins insensés. Il est alors possible, quelquefois, de tirer un petit quelque chose de ces solutions, mais pour des problèmes réels cette fois. Un triangle en CSS. L’activation de l’accélération matérielle avec -webkit-transform:translate3d(0,0,0). Je ne connais pas l’origine exacte de ces exemples, mais c’est le genre de choses qui pourrait sortir d’une démo.

    Une démo peut aussi servir à la promotion d’une technologie. Dans le cas de CSS, cela peut servir à promouvoir certaines fonctionnalités récentes, voire très récentes. Même si ces fonctionnalités ne sont pas disponibles immédiatement, il est toujours intéressant de savoir vers quoi on se dirige.

    Si une même démo est réalisée pour la énième fois, cela permet à la personne qui la réalise de mieux comprendre la technologie. Et enfin, c’est fun, pour celui qui joue avec la techno et pour ceux qui vont regarder sa démo !

    On pourrait aussi objecter que toutes ces démos peuvent donner de mauvaises idées à certains… mais je ne pense pas que le rôle des démos soit très important dans la promotion des mauvaises pratiques, si on les compare aux solutions « prêtes à modifier mais jamais modifiées » (comme le outline:0 du reset.css d’Éric Meyer), aux plugins jQuery non-accessibles qui présentent bien, etc.

    Aimez les démos <3

  8. Guillaume Richard, le 10 décembre 2012 à 20:36

    RAAAAAAH le bon vieux troll sur l'accessibilité :)

  9. Geoffrey, le 11 décembre 2012 à 10:54

    Excellente planche :) Par contre ouais, une petite retranscription en dessous de l'image ça serait pas trop mal. Enfin je dis ça, je dis rien hein ! accessibilité Merci

  10. LukyVj, le 12 décembre 2012 à 10:52

    Haha excellent ! Je trouve la planche très reussie, et le sujet plus qu'interessant ! C'est vraiment génial !

Il n’est plus possible de laisser un commentaire sur les articles mais la discussion continue sur les réseaux sociaux :