IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

CSS3 : de l'accélération matérielle graphique pour les filtres sur Chromium


Sujet :

CSS

  1. #1
    Expert éminent sénior
    Avatar de Idelways
    Homme Profil pro
    Développeur Ruby on Rails / iOS
    Inscrit en
    juin 2010
    Messages
    1 374
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Développeur Ruby on Rails / iOS

    Informations forums :
    Inscription : juin 2010
    Messages : 1 374
    Points : 68 508
    Points
    68 508
    Par défaut CSS3 : de l'accélération matérielle graphique pour les filtres sur Chromium
    CSS3 : de l'accélération matérielle graphique pour les filtres sur Chromium
    Le W3C donne le feu vert au retrait des préfixes propriétaires


    Deux, trois filtres CSS3 font freezer l'écran sur la plus récente version stable de votre navigateur ultra-moderne ? Et mettent en branle les ventilateurs de l'ordinateur dès qu'ils sont couplés à une pincée de transitions ? Vous vous dites que Flash a encore de beaux jours devant lui ?

    Ça commence à changer ! En tout cas pour les utilisateurs de Google Chrome et de son moteur de rendu Webkit.

    Le blog officiel de Chromium (le logiciel libre d'où est directement issu Chrome) nous annonce l'intégration de l'accélération matérielle graphique pour assurer les filtres et transitions CSS. Et soulager le CPU !



    « L'accélération GPU de ces filtres améliore les performances au point qu'ils peuvent être utilisés pour animer des éléments en conjonction avec les animations CSS réalisées avec -webkit-transition ou même pour les balises vidéo HTML5 », a déclaré l'ingénieur Stephen White.

    Pour rappel, la spécification définit 10 fonctions filtres, à savoir grayscale (niveau de gris), sepia, saturate, hue-rotate (teinte), invert, opacity, brightness (luminosité), contrast, blur (flou) et drop-shadow (ombre portée).

    Ces fonctions peuvent prendre des paramètres (pour ajuster notamment le degré de la transformation) et être combinées entre elles.

    Tester les filtres avec l'outil de dessin abstrait en ligne par Google


    Toujours au sujet des feuilles de styles en cascade, mais dans un autre contexte, le groupe de travail CSS du W3C vient de donner un feu vert aux éditeurs de navigateurs. Celui de lever les préfixes propriétaires des modules Transformations, Transitions et Animations.

    Ces préfixes (-moz-, -ms-, -webkit-...) ont été conçus pour permettre de cibler des navigateurs précis en attendant que le standard soit finalisé. Les développeurs Web se souviendront de l'implémentation différente de la fonction linear-gradient entre Webkit- et le reste des navigateurs. L'usage du préfixe a permis dans ce cas d'éviter une incompatibilité avec la syntaxe standard adoptée par la suite.

    Mais gardez vos préfixes pour encore quelque temps. Le temps que les navigateurs adoptent tous la syntaxe standard, d'autant plus que les préfixes continueront à être pris en compte pour encore un bon moment.

    Internet Explorer 10 s'y colle déjà selon le IEBlog (officiel), qui vient de publier la liste exhaustive des propriétés supportées sans vilains préfixes.

    Sources :

    Blog de Chromium
    IEBlog
    Blog Twitter de CSS Working Group

    Et vous ?

    Utilisez-vous des filtres CSS 3 ? Que pensez-vous de leurs performances ?
    Quelle méthode utilisez-vous pour générer les différentes variantes des déclarations CSS préfixées ?

  2. #2
    Membre extrêmement actif
    Avatar de Aurelien Plazzotta
    Homme Profil pro
    .
    Inscrit en
    juillet 2006
    Messages
    312
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : .

    Informations forums :
    Inscription : juillet 2006
    Messages : 312
    Points : 933
    Points
    933
    Par défaut
    Bonjour,

    Tout d'abord merci pour l'article

    On voit bien l'influence qu'exerce le directeur technique d'Opera, qui je le rappelle, est le créateur du CSS. Opera est également le plus gros apporteur de capitaux du W3C depuis l'entrée de l'entreprise dans le cercle fermé des membres des groupes de travail du consortium.

    M'enfin c'est une bonne nouvelle pour l'écriture et la maintenance du code et éviter d'éventuelles dégradations ou effets de bords dans nos feuilles de style =)

    Il reste encore les sélecteurs CSS4 lol (je blague ^^)
    Je porte l'épée brisée, et sépare les vrais rois des tyrans. Qui suis-je ?

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    octobre 2004
    Messages
    12
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : octobre 2004
    Messages : 12
    Points : 27
    Points
    27
    Par défaut
    Oui, très bonne nouvelle, mais il faut garder les préfixes pour les 4 ou 5 prochaines années quand même : les dernières versions des navigateurs supportent les déclarations sans préfixe mais les anciennes ? Sachant que les utilisateurs qui ne mettent pas (ou ne peuvent pas mettre) à jour leurs logiciels sont extrêmement nombreux (voir le cas IE6), si on veut fournir le même contenu à tout le monde, on doit continuer. C'est tout le problème de ces préfixes, les créer permettait d'avancer plus vite que la norme, mais maintenant, on va se les balader encore un moment !

  4. #4
    Membre actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    mars 2011
    Messages
    154
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ariège (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : mars 2011
    Messages : 154
    Points : 282
    Points
    282
    Par défaut -çafaitchierlesprefixproprio-
    Citation Envoyé par Idelways Voir le message
    Utilisez-vous des filtres CSS 3 ? Que pensez-vous de leurs performances ?
    Non pas encore, y'a que chrome qui le supporte.
    Citation Envoyé par Idelways Voir le message
    Quelle méthode utilisez-vous pour générer les différentes variantes des déclarations CSS préfixées ?
    je les génère pas, je les copie puis les modifie à la main si besoin. C'est chiant à gérer, donc vivement qu'il y ai plus du tout de préfixes proprio, mais je dois reconnaitre que pour gérer certains bugs spécifiques à des navs ça peut être pas mal (j'ai rencontré des soucis avec un box-shadow inset combiné à une anim jquery sous chrome et safari, du coup j'ai fait sauter le inset dans la version -webkit- et j'ai diminué la taille de l'ombre et c'était géré).

Discussions similaires

  1. Quelle bibliothèque graphique pour les jeux en C# ?
    Par Franck.H dans le forum Développement 2D, 3D et Jeux
    Réponses: 14
    Dernier message: 02/12/2013, 15h44
  2. Réponses: 0
    Dernier message: 08/06/2012, 13h10
  3. Réponses: 19
    Dernier message: 16/10/2011, 20h46
  4. Réponses: 0
    Dernier message: 11/10/2011, 17h39
  5. Ajouter un second axe pour les abscisses sur un graphique
    Par developpeur82 dans le forum MATLAB
    Réponses: 4
    Dernier message: 02/04/2007, 16h22

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo