Journal Look N' Feel du brouteur

Posté par Olivier Grisel (site web personnel) le 05 février 2004 à 18:15.

Étiquettes : aucune

fév.

2004

Bonjour à tous,

J'ai eu une petite idée pour améliorer le confort d'utilisation d'un navigateur web : lors de l'affichage d'une page, au lieu d'afficher les blocs du DOM d'un coup, il serait plus joli (NDT: "eye candy" :o) d'afficher progressivement en jouant sur le canal alpha (du transparent vers l'opaque) le contenu de la page de la manière suivante (animation réalisée avec M. Le Gimp) :

Version mpeg :
http://plone.champiland.homelinux.org/test-folder/base-layers-alpha(...) (dans les 450 ko)

Idem en gif animé :
http://plone.champiland.homelinux.org/test-folder/base-layers-alpha(...) (dans les 2.2 Mo)

Bon la c'est long car les éléments s'affichent séquentiellement alors qu'ils pourraient s'afficher progressivement mais en parallèle, au fur et à mesure que la page se charge. Je suis d'accord sur le fait que ça utiliserait (inutilement ?) des ressources systèmes, mais est ce que ça ne rendrait pas la navigation plus smooth et donc plus agréable ?

Ceci est juste une proposition d'innovation (non repompée sur un navigateur existant à ma connaissance) pour des moteurs de type gecko ou khtml. Cette option serait, bien entendu, désactivable ou même non activé par défaut, pour les "ceuces" qui n'aiment pas gaspiller leur CPU/RAM pour ces bêtises.

Bref qu'en pensez vous ? Est ce que ca existe déjà ? Quelqu'un aurait-il l'envie, le temps et les compétences pour ce lancer dans une implémentation prototype de ce concept sous forme d'extension pour firebird par exemple ?

Merci de votre attention.

# Re: Look N' Feel du brouteur

Posté par Rastaman le 05 février 2004 à 18:30. Évalué à 3.

Bon la c'est long car les éléments s'affichent séquentiellement

C'est surtout long pasque ton site perso c'est fait mouldotter !!! :-)

Je réessayerais tout à l'heure, pasque là juste le gif animé, j'en suis toujours à la première image de l'animation ;-)
- [^] # Re: Look N' Feel du brouteur
  
  Posté par Olivier Grisel (site web personnel) le 05 février 2004 à 18:37. Évalué à 4.
  
  Mon chti adsl y souffre. Si y en a qui veulent faire du miroring, ils sont les bienvenus.
  - [^] # Re: Look N' Feel du brouteur
    
    Posté par bohwaz le 05 février 2004 à 18:55. Évalué à 1.
    
    No problemo pour 24-48h de mirroring (sur serveur avec BP de beaucoup de Mbits), envoie moi les fichiers par mail (bohwaz chez kd2.org) ou contacte moi par Jabber interposé: bohwaz@amessage.info
    - [^] # Re: Look N' Feel du brouteur
      
      Posté par Snark_Boojum le 05 février 2004 à 20:45. Évalué à 1.
      
      AAAAAAAAAAAAAHHHHHHHHHHH!!!!!!!!!!!!! Envoyer un fichier de 450ko par mail c'est déjà énorme, mais 2,2Mo, c'est carrément abusif! Il ne faut pas confondre mail et ftp!
      
      Après on s'étonne que dans une UFR de 250 personnes, le disque qui contient /var/spool/mail explose parce qu'une andouille a voulu envoyer son "petit document de rien du tout"... à tout le monde!
      
      Le mail c'est fait pour envoyer des messages, qui seront stockés dans une boîte _commune_, donc soit le document est vraiment petit et destiné à une seule personne, et alors on l'attache, soit on le pose sur un serveur et on file l'adresse uniquement dans le mail...
      
      Il faut utiliser le bon outil pour la bonne tâche.
      
      Snark
      - [^] # Re: Look N' Feel du brouteur
        
        Posté par Olivier Grisel (site web personnel) le 05 février 2004 à 20:51. Évalué à 2.
        
        C'est bon, on a fait le transfert par FTP :o) Pas la peine de crier avec tout ces points d'exclamation et majuscules ... Ca fait mal à la tête.
  - [^] # Re: Look N' Feel du brouteur
    
    Posté par Vincent Richard (site web personnel) le 05 février 2004 à 19:30. Évalué à 10.
    
    Hop ! Miroir sur mon serveur dédié (10 Mbits/s) :
    http://www.planete-powershot.net/temp/base-layers-alpha-incr.gif(...)
    - [^] # Re: Look N' Feel du brouteur
      
      Posté par Olivier Grisel (site web personnel) le 05 février 2004 à 21:27. Évalué à 1.
      
      Merci beaucoup, car mon modem adsl fume ...
      Aller un chti [+] pour la peine, je peux pas faire grand chose de plus :o)
# Re: Look N' Feel du brouteur

Posté par Mathieu Feulvarc'h le 05 février 2004 à 19:10. Évalué à 0.

Arghhh, les gif de 2 Mo, même Free, il supporte pas :)
Quelle idée de faire un lien sur linuxfr: tu vas faire pétr ton compteur et ta bande passante.

Sinon, l'idée est bonne. Il faudrait voir la pratique au niveau du CPU et de la RAM.

Tain, 2Mo sur ton site, j'ai l'impression d'avoir récupéré mon modem 33 k :) :) :)
# Re: Look N' Feel du brouteur

Posté par Nÿco (site web personnel) le 05 février 2004 à 19:15. Évalué à 1.

Super idée, mortelle ! Mais plutôt, vends-la à Apple ! ;-)
# Re: Look N' Feel du brouteur

Posté par pifou le 05 février 2004 à 19:17. Évalué à 1.

C'est vrai que c'est pas mal, maintenant ça doit pas être évident d'en faire un plugin, ce genre de modification doit être très lié au moteur de rendu.

Mais je dis ça je dis rien, je n'y connais absolument rien dans la manière où khtml ou gecko font le rendu des pages web.

Pour la saturation de ton serveur, ça aurait plus économique de faire un xvid ou même un simple zip (30% de gagner).
# Re: Look N' Feel du brouteur

Posté par Vivi (site web personnel) le 05 février 2004 à 19:26. Évalué à 1.

un peu comme sur le site d'Orkut ?

http://www.orkut.com/(...)
- [^] # Re: Look N' Feel du brouteur
  
  Posté par Nÿco (site web personnel) le 05 février 2004 à 19:41. Évalué à 1.
  
  Non, puisque toutes les images de décoration dans des tableaux du siècle dernier ne s'affichent pas progressivement. Seuls les textes s'affichent comme ça.
  - [^] # Re: Look N' Feel du brouteur
    
    Posté par Olivier Grisel (site web personnel) le 05 février 2004 à 20:46. Évalué à 1.
    
    Ouaip et l'idée c'est d'implémenter ca du coté brouteur et pas serveur, comme ca, ca marcherait partout.
    
    J'ai rapidement regardé le source de cette page mais j'ai pas trouvé ce qui est responsable de cet effet sur le texte dans cet exemple, c'est du javascript ?
    - [^] # Re: Look N' Feel du brouteur
      
      Posté par shinobufan (site web personnel) le 05 février 2004 à 21:47. Évalué à 2.
      
      Oui, c'est le petit javascript en haut du source qui décrémente les composantes RGB du texte pour le faire passer du blanc au noir.
# Re: Look N' Feel du brouteur

Posté par bohwaz le 05 février 2004 à 19:41. Évalué à 3.

Nouveaux liens qui marchent bien:
- http://dev.kd2.org/champi/base-layers-alpha-incr.gif(...) (GIF 2Mo)
- http://dev.kd2.org/champi/base-layers-alpha-incr.mpeg(...) (Mpeg, 450Ko)

Au passage je commente l'idée que je trouve bonne: ça n'est pas appliquable comme ça car dans l'ordre de chargement le navigateur charge déjà le HTML et affiche le contenu sans mise en page, puis la feuille de style, puis les images... Donc heu tu fera pas apparaître les blocs comme ça si la page est pas encore chargée en entier avec la feuille de style.

Sinon bonne idée :)
- [^] # Re: Look N' Feel du brouteur
  
  Posté par Olivier Grisel (site web personnel) le 05 février 2004 à 20:40. Évalué à 1.
  
  a n'est pas appliquable comme ça car dans l'ordre de chargement le navigateur charge déjà le HTML et affiche le contenu sans mise en page, puis la feuille de style, puis les images...
  
  J'en suis conscient mais ca devenait compliqué de faire une démo rapide avec the gimp en respectant cet ordre ... Mais l'idée devrait rester adaptable au moins dans le cas ou l'affichage commence après la fin de la reception de la feuille de style comme cela semble être le cas de Gecko. Pour KHTML, c'est vrai que cela ne semble pas être le cas : il affiche tout avant même d'avoir recu la feuille de style ce pourrait poser problème.
# Re: Look N' Feel du brouteur

Posté par Gonéri Le Bouder (Mastodon) le 05 février 2004 à 19:45. Évalué à 1.

J'aime beaucoup, il faut voir a l'usage si ce n'est pas un peu pénible.
- [^] # Re: Look N' Feel du brouteur
  
  Posté par Brice Carpentier le 05 février 2004 à 20:00. Évalué à 0.
  
  Perso je suis certain que c'est le genre de fonctionnalité que j'activerais pour voir, mais qui me gaverait très rapidement.
  Cela dit, l'idée est originale.
  - [^] # Re: Look N' Feel du brouteur
    
    Posté par Olivier Grisel (site web personnel) le 05 février 2004 à 20:22. Évalué à 1.
    
    C'est ce que je me demandais aussi. Mais peut être qu'avec une implémentation bien faite (affichage progressive mais rapide et pas séquentielle comme c'est le cas dans mon gif à 0,02 Euro) qui ne retarde pas le chargement de la page ca passerait et serait même plus agréable.
    
    AMHA, ce type d'affichage gagnerait à s'intégrer avec une api de serveur graphique OpenGL avec gestion de la transparence bien foutu (dans l'idée de Quartz sur MAcOSX ou du serveur de Keth Packard, ou même de Fresco, DirectFB ...).
    - [^] # Re: Look N' Feel du brouteur
      
      Posté par ckyl le 05 février 2004 à 21:46. Évalué à 1.
      
      Deja vu le temps de chargement des pages tu peux diviser par facilement 10 la durée de ton animation (bon ca limite l'interet deja :-).
      
      Mais en plus si tu veux que ca soit joli ca va ralentir le chargement de la page (bin oui autrement l'apparition est trop lente) et c'est insuportable. C'est un truc qui m'ennerve chez OS X ca. Vouloir faire du "joli" partout mais c'est plus utilisable.
      
      Bon je sors du mode raleur :-)
# Re: Look N' Feel du brouteur

Posté par Infernal Quack (site web personnel) le 05 février 2004 à 20:46. Évalué à 2.

C'est pas vraiment réalisable car pour placer les éléments au bon endroit avec le bon look il faut déjà que le CSS ait été téléchargé et que la page ait été aussi téléchargé car le placement d'un élément influe sur le reste.

De plus ton affichage par bloc oubli le fait que les bblocs de DFLP ne sont pas les blocs logiques (X)HTML et donc le rendu ne sera sûrement pas aussi beau en afficahge bloc logique par bloc logique car rien ne permet de détecter un bloc "visuel".

C'est beau mais à mon avis c'est irréalisable avant de tout avoir téléchargé donc ça ne sert à rien :(
L'association LinuxFr ne saurait être tenue responsable des propos légalement repréhensibles ou faisant allusion à l'évêque de Rome, au chef de l'Église catholique romaine ou au chef temporel de l'État du Vatican et se trouvant dans ce commentaire
- [^] # Re: Look N' Feel du brouteur
  
  Posté par Paul le 06 février 2004 à 13:36. Évalué à 1.
  
  Avec ce qui existe (mozilla CSS --> -moz-opacity), c'est possible de faire ça en javascript si la page ne comporte pas d'images et le createur d'un site choisis alors l'ordre d'apparition des différents "blocks".
  On démarre la page, tout est caché, une fois tout chargé, le javascript augmente l'opacité des éléments selon une "timeline" ...
  Une fois tout chargé ... ;-/
  
  Enfin c'est assez capilotracté et surement bien lourdingue pour des pages comme celles de linuxfr.
  
  La limitation sur les images est plutot embetante si on veut généraliser mais implémenter ça coté browser, hors code de la page me parait une abérration alors que si les standards permettaient de modifier l'opacité d'un "block", image ou pas, et que les navigateurs savaient le gérer, n'importe quel webdesigner un poil scripteur pourrait faire ça sur ses pages.
  
  My 2 cents
# Re: Look N' Feel du brouteur

Posté par Merlin Lenchanteur le 05 février 2004 à 22:02. Évalué à 2.

On perdra en vitesse c'est sûr mais ton idée en vaut la peine, c'est vraiement un + au niveau du confort visuel car ça rend le web moins agressif.

Mac OS X utilise beaucoup d'effets du genre pour smoother un peu tout ce qui bouge, certains n'aime pas et je les comprend... moi je trouve ça reposant, ça rend l'informatique plus supportable.

Enfin bref je suis pret à parier que ce dont tu parles sera une future feature de Safari d'ici quelques released :-)
- [^] # Re: Look N' Feel du brouteur
  
  Posté par Olivier Grisel (site web personnel) le 05 février 2004 à 22:12. Évalué à 1.
  
  Je le souhaite dans la mesure où Apple ne met pas un brevet dessus de sorte que Konqueror et Gecko puissent en profiter aussi :o)
  
  Ah votre avis cela vaut la peine de faire une chtite page web en anglais pour présenter le concept et envoyer la référence sur Mozillazine ou autre pour populariser l'idée et quelle se concrétise dans le monde libre avant le monde propriétaire (j'en ai marre d'entendre dire que le libre n'est pas capable d'innover) ?
- [^] # Re: Look N' Feel du brouteur
  
  Posté par ckyl le 06 février 2004 à 00:56. Évalué à 1.
  
  vivi c'est purement insuportable.
  
  Pour moi ca rend l'informatique par la fenetre :--)

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.