Le webkit de Safari gère les masques de fusion

Florian Innocente |
WebKit le moteur de rendu de pages de Safari est maintenant capable de gérer les masques de fusion et leur aspect sur les images contenues au sein de pages web. Des exemples et le code HTML requis sont donnés sur le blog des développeurs d'Apple.

Avec quelques limites toutefois, la principale étant que cette disposition n'est pas encore offerte au Safari en circulation. Il faut, pour la tester, télécharger le WebKit. Et la seconde est que les autres navigateurs ne sauront pas l'interpréter. L'équipe du webkit dit souhaiter soumettre son développement afin d'en faire une fonction standard dans les spécifications de CSS.

kate-vignette-mask
avatar Didjo | 
Encore une fonction qui va nous emmerder avec IE qui va jamais vouloir l'accepter, ça... Mais bon pourquoi pas :)
avatar Leced | 
Si on se contentait de IE, on en serait encore aux gifs animés et au texte qui clignote...
avatar james85 | 
Si Apple commence à se comporter comme Microsoft en implémentant des fonctions propriétaires avant de se demander si elles seront standardisées ou pas, on est mal barré pour le développement de sites Web.
avatar Leced | 
Il y aura simplement plusieurs feuilles de style pour un site, comme c'est déjà souvent le cas (une pour l'impression, une pour l'écran). Ben là, on en rajoutera une pour webkit ;)
avatar james85 | 
Refaire en HTML ce que fait très bien Photoshop, je ne vois pas trop l'intérêt. Dans combien de cas un site aura besoin de faire dynamiquement un floutage ou un dégradé sur une photo avec des CSS ? J'aimerais mieux que les éditeurs de browsers travaillent un peu plus sur l'interaction du HTML : on a des objets boutons, on a des objets zone de texte, on a des objets listes déroulantes,... Mais dès qu'on veut intégrer un menu ou des onglets dans une page HTML, on est obligé de récupérer un javascript de plusieurs milliers de lignes plus ou moins mal écrites alors que les onglets, les menus existent en standard dans les OS et dans les browsers.
avatar Leced | 
Sauf que dans Photoshop, tu devras le faire pour chaque image sur ta page, alors qu'en CSS, c'est juste -webkit-mask-box-image: url(mask.png) à rajouter pour que chaque nouvelle image de ton site soit traitée...
avatar Leced | 
Et puis l'exemple proposé est un peu kitsch, mais ça peut servir pour des watermarks, par ex.
avatar vintz72 | 
Super bonne idée de faire des fonctions spéciales pour un navigateur !! C'est ce contre quoi on se bat depuis des lustres (les spécificités de IE) ! Comprends pas, là... Un conseil, NE PAS utiliser ces fonctions, vu que ce n'est pas universel.
avatar grenoble | 
Bien au contraire, il faut l'implémenter ! Ce sont bien souvent les navigateurs qui tirent toutes ces nouvelles fonctionnalités. C'est comme ça qu'on a eu l'XMLHttpRequest alors pourvu qu'ça dure.
avatar Anonyme (non vérifié) | 
Si des nouveautés ne sont pas créées elles ne deviendront jamais universelles... Je comprends la colère de certain, mais on parle pour le moment de recherches qui deviendront peut-être plus tard la norme. Et avoir la possibilité de donner une identité à un site en traitant les images par css me semble très intelligent!
avatar pommefred | 
Ben sincèrement, je trouve ça vraiment pas mal... Dans le cadre d'une galerie de photos par exemple, on pourrait facilement changer l'apparence de TOUTES les images via une ligne de CSS : arrondir les angles, dégradé vers le blanc (comme dans les exemples du blog des développeurs). Sans passer par un logiciel de retouche, ré-uploader toutes les miniatures... Je trouve que c'est vraiment un super gain de temps ! Qu'Apple implémente cet effet et en fasse part après au W3C, je trouve que c'est normal : avant de standardiser, il faut proposer, prendre du recul, avoir un retour d'expérience. Et ce retour, eh bien on ne peut l'avoir que si c'est implémenté quelque part... Et n'oublions pas que WebKit ne dispose pas encore de version finale.
avatar Cactaceae | 
Les attributs css -webkit-xxx sont destinés pour le développement uniquement. le but est de proposer des nouvelles fonctions pour les futures specifications CSS3.x (voir CSS4.x). Enfin, n'oublions pas que le webkit, ce n'est pas que les sites web… c'est aussi les widgets, c'est aussi pour l'iPhone…
avatar NightWalker | 
J'ai vraiment l'impression que beaucoup lisent cet article en diagonal... Cette fonctionnalité n'est encore [b]qu'un projet...[/b] [i]"L'équipe du webkit dit souhaiter soumettre son développement afin d'en faire une fonction standard dans les spécifications de CSS."[/i] Proposer un concept c'est bien, si en plus ils ont la possibilité de montrer le concept c'est 1000 fois mieux... N'oublions pas également que Webkit est un projet OpenSource... ce n'est donc pas propriétaire.
avatar Anonyme (non vérifié) | 
Eh les gars, Apple est au W3C !! Et relisez : "L'équipe du webkit dit souhaiter soumettre son développement afin d'en faire une fonction standard dans les spécifications de CSS.". Donc ils vont proposer au W3C de l'implémenter dans la norme. En quoi tout ça est propriétaire ? Vous être contre l'innovation ? En tout cas, cela peut être utile pour appliquer des watermarks à la volée.
avatar HyperB | 
Des watermarks à la volée ? Il suffira à n'importe qui de prendre la source de l'image et il téléchargement l'image sans watermark. Quel intérêt ?
avatar tone | 
Même pas besoin de chercher dans la source, un simple drag & drop suffira dans la plupart des navigateurs. C'est clairement pas utile pour des watermarks. Sinon, à voir, ça peut être sympa.

CONNEXION UTILISATEUR