Full CSS

Full CSS

10 commentaires sur cet article

  1. Kaelig, le dimanche 9 décembre 2012 à 00: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 dimanche 9 décembre 2012 à 00: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 dimanche 9 décembre 2012 à 09:31

    * pose discrètement le mot SVG et s’en va *

  4. karl, le lundi 10 décembre 2012 à 02:21

    * pose discrètement le mot accessibilité et s’en va *

  5. Anthony Ricaud, le lundi 10 décembre 2012 à 10:15

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

  6. Daniel Roch, le lundi 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 lundi 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 lundi 10 décembre 2012 à 20:36

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

  9. Geoffrey, le mardi 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 mercredi 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 !