Quel ne fût pas ma surprise de découvrir le plus beau Google Doodle de toute l’histoire de Google! Réalisé tout en css3 et javascript (et pas html5!), l’effet est drôle, réactif et très surprenant 🙂 Il fonctionne même quand on secoue la fenêtre de son navigateur internet. Bref, je salue vraiment l’initiative, ça change des fonds d’écran de Bing (#troll) ;-)
(une petite vidéo si vous ne le voyez pas sur votre Google)
Curieux aussi de voir si vous avez apprécié ;-) Pour l’essayer c’est sur Google.fr
IL est OUF ! BEST EVER
Vraiment d’accord !!! BRAVO GOOGLE !!!! J’adore !!!
En html5 tu en est sûr ? Il me semble que c’est du javascript :/
Du moins, si je coupe le javascript, cela ne fonctionne plus plus ^^
Très sympa ouais!
Je ne pense pas que ce soit du « HTML5 » à proprement parler car c’est juste une animation de . Jolie utilisation du CSS3 cependant pour les border-radius.
@spyesx: *animation de DIV (désolé wordpress n’a pas prit mes corchets)
+1 Rougenoiblanc : C’est du full Js avec des div border-radius + positionnement et taille dynamiques… Et ça fait méchamment bosser le proc tout ça ^^
Effectivement ça n’est que du CSS3 et JS
Merci à tous (vous vous y connaissez bien mieux que moi!) c’est corrigé 🙂
Ça me fait beaucoup penser au travail de Mr.Doob nan ?
Bizarrement, je ne vois que le Logo normal moi…
Je doit être puni, je n’y ai pas le droit non plus …
POur ceux qui ne le voient pas : Ca marche que sous Chromium et dérivés
Sinon, dire que c’est le plus beau Doodle et qu’il veut (apparemment) rien dire …
Comme Niaatan, je ne vois que le logo normal. Peut être du à mon IE6? 😉 😈 😈 😈
Objection !
😉
la page est bien en html5 comme l’indique le doctype
mais c’est bien le css3 qui est responsable des formes et des couleurs, et le javascript des animations.
structure : html
mise en forme : css
animations / interactivité : javascript
Je confirme tout ce que j’ai lu au dessus (JS + CSS3 + plus beau google doodle, et je te remercie de l’avoir immortalisé en vidéo, moi qui les collectionne tous, et celui-ci s’enregistre mal : Photo + animation superposés.
Non, ben même sous Chrome, je ne le vois pas… 😥
J’adore toutes les images GooGle, moi, en htmTrucChose ou ccxwz Pareil moi j’Aime (jles colletionne même
)
@NiNie:
héhé trop chic ! tu nous les exposes quand tous ces Google doodles ? 😉
@Geoffrey Dorne:
Euh, tu crois que çà intéressera qq1 (à part moi) mdrrr ?!
@NiNie: bah… moi :-p
@Geoffrey Dorne: @NiNie: pas la peine de vous embêter les gens, voici ze lien magique: http://www.google.com/logos/ 🙂
Ouazis ben même sous Chrome, c’est pas exactement comme dans l’article… Tu dis qu’il faut secouer son navigateur pour voir l’effet, ben moi j’ai eu beau secouer mon netbook dans tous les sens tel un barman chevronné, ça n’a pas bougé… 😆
@Aurels: et dieu sait comme tu fais bien le barman chevronné :-p
Bonjour!
Oui j’ai vu cette animation et je me demandais également si c’était du HTML5 ou autre.
Pour l’anniversaire de la Buckyball le 4 septembre, l’animation du logo bougeait aussi par rapport aux mouvements de la souris. Vraiment sympa je trouve! 🙂
Bonne soirée
@Aratta:
Et toutes ces années de collection brisées en quelques secondes lol
@Geoffrey Dorne: disons que je fais vachement bien le client chevronné qui attend son cocktail 😀