Suivez-nous

Internet

Vous avez dit webdesign ? Un dessin complet en pur code HTML !

Bon, le gars qui fait ça doit VRAIMENT aimer le HTML, et accessoirement avoir une patience d’ange (et du temps à perdre), mais le résultat est impressionnant : un dessin réalisé en HTML, et juste avec le bloc-notes s’il vous plait…

Il y a

  

le

 

Par

Voilà du Webdesign d’un genre un peu particulier…
Mise à jour du 25/06 : pour ceux qui douteraient encore, voici la vraie page avec son vrai code (merci Nyro pour l’info). Alors, qui c’est-y qu’avait raison hein ?

29 Commentaires

29 Commentaires

  1. vince

    24 juin 2007 at 19 h 35 min

    A mon avis il a utilisé un générateur ou un convertisseur… les mêmes qui existent pour convertir une image tout en ASCII. Au début j’étais impressioné, mais j’ai vite réalisé la supercherie… enfin, c’est mon humble avis d’informaticien, quoi.
    A bientot et gros bisous eric.

  2. Eric

    24 juin 2007 at 19 h 37 min

    Non, la vidéo est en accéléré (tellement ça doit être long) mais c’est bien du HTML, je ne crois pas que ce qoit un convertisseur

  3. Pierre-Yves

    24 juin 2007 at 20 h 02 min

    Tout comme vince, j’y crois pas du tout…

    C’est réalisé avec un générateur (j’en suis quasi certain 🙂

    Et je pense que tout le reste de la supercherie se situe dans le "montage" de la vidéo.

  4. babouni

    24 juin 2007 at 20 h 24 min

    ouais c’est comme les ricains qui ont marché sur la lune…. c’est trop extraordinaire pour être vrai !!! 😉

    c’est rigolo et ça fait une polémique !

  5. Eric

    24 juin 2007 at 20 h 43 min

    Désolé les gars mais je maintiens mon point de vue : ce n’est pas un fake, un convertisseur image > ASCII ne fonctionne pas comme ça.

  6. JoEyInBoX

    24 juin 2007 at 20 h 50 min

    En tout cas, on pourra dire tout ce qu’on veux mais ce code n’est pas valide du tout… XD

  7. Sylvain

    24 juin 2007 at 20 h 58 min

    Boh, c’est pas très sémantique tout ça… 🙂

  8. Tekrotzen

    24 juin 2007 at 21 h 13 min

    Bah c’est peut-être qu’il n’a pas utilisé un convertisseur image > ascii mais ce genre de convertisseur image > html, dont l’url était donnée dans les commentaires de la vidéo:
    neil.fraser.name/software…
    😉

    Ou pas, et c’est un gros barbare.

  9. Manu

    24 juin 2007 at 21 h 43 min

    Fini la polémique c’est n’est pas un générateur ASCII : c’est un NERD !

  10. Mehdi

    24 juin 2007 at 22 h 06 min

    De toute façon, les tableaux, c’est le mal.

  11. Pierre-Yves

    24 juin 2007 at 22 h 10 min

    @Eric : pour avoir développé une flopée de convertisseur du genre (ASCII, patchwork, etc.) je sais effectivement que ça ne fonctionne pas comme ça comme tu dis (le remplissage tout du moins)

    Mais ma foi en l’humanité m’interdit de penser qu’une personne aussi idiote soit-elle, puisse passer autant de temps devant un ordinateur pour faire ça.

    En réfléchissant un peu, je me demande à la vue du mode de remplissage, si en fait le gars n’est pas parti du résultat final, pour effacer les lignes au fur et a mesure.

    Le résultat monté à l’envers donnerait quelque chose de similaire à cette vidéo je crois 🙂

  12. Matt

    24 juin 2007 at 23 h 01 min

    Et beh je suis pas si sûr que ce soit un fake ! En TP en cours (pour apprendre le html – du coté du mal ) on nous avait fait faire un truc dans le même genre, avec une image moins complexe, c’est sûr, mais fallait refaire une image pixélisée en tableau … donc pourquoi pas ^^.

    Qui sait, peut-être qu’il avait un après midi à tuer, donc il s’est lancé là dedans !

  13. Eric

    24 juin 2007 at 23 h 09 min

    C’est ce que je pense aussi. S’il n’y avait pas des barges capables de faire ça, le web n’existerait peut-être pas…

  14. Décaféiné

    25 juin 2007 at 1 h 28 min

    Moi, depuis que j’ai vu Tica de Dru Blair, je n’ai aucun mal à croire à ce genre de travail de fourmi.. D’ailleurs je vais écrire sur le sujet merci Eric

  15. Nyro

    25 juin 2007 at 8 h 37 min

    la page HTML en question : file.luchell.blog.shinobi…

  16. Eric

    25 juin 2007 at 8 h 54 min

    Merci Nyro pour l’info, j’ai mis à jour l’article

  17. Benjou95

    25 juin 2007 at 9 h 22 min

    @Matt : c’est quoi ton école, qu’on puisse en dire du mal !

  18. pierre

    25 juin 2007 at 10 h 10 min

    bien j aurais pu le faire mais ils me manque la connaissance de 2 ou 3 balise !!!

  19. winsa

    25 juin 2007 at 10 h 42 min

    Ils sont malades mdr ! ^^

  20. Fran6

    25 juin 2007 at 11 h 54 min

    En tout cas, la musique est insupportable !!! 😀

  21. Spica

    25 juin 2007 at 14 h 27 min

    Euh, je sais pas vous, mais moi, j’avais découvert, il y a plusieurs années déjà, le format HTML dans la liste des formats d’enregistrement possible sous The Gimp… Bon, c’est affreux, ce rendu sous forme de tableaux, ça fait des fichiers monstrueux, ça sert à rien, mais ça existait.

    Donc personnellement, je pencherait plutôt pour le trucage : le gars a fait son fichier final grâce à un outil dans ce genre-là, puis il s’est contenté de le recopier petit à petit dans le bloc-note (ou carrément, il a supprimé petit à petit les morceaux et a monté le truc à l’envers…).

  22. 5047

    25 juin 2007 at 15 h 36 min

    Vive le XHTML strict !

  23. Eric

    25 juin 2007 at 16 h 08 min

    Pour faire la même chose en XHTML strict + CSS, bon courage 😉

  24. Mathias

    25 juin 2007 at 17 h 41 min

    Éric, où as-tu déniché l’"info" ?

    Ce film a déja été évoqué sur le forum AlsaCréations (dans le bar ; forum.alsacreations.com/t… ) le 14 juin (il y a dix jours).

  25. Tekrotzen

    25 juin 2007 at 18 h 01 min

    Eric> Personne ne doutait de l’existence du code, mais du fait qu’il l’ai pondu sans se servir d’un convertisseur ! 😉

  26. Eric

    25 juin 2007 at 18 h 15 min

    @Mathias : trouvé dans mon agrégateur, via Digg ou Delicious, je ne sais plus. La source était un obscur blog en anglais que je n’ai pas jugé utile de citer vu le peu d’intérêt qu’il représentait. Si j’avais trouvé l’info sur Alsacreations (qui est aussi dans mon agrégateur, mais je n’ai pas vu cette news) ou un autre, je l’aurais évidemennt cité, car je cite TOUJOURS mes sources francophones, à contrario des sources anglo-saxonnes, que je ne cite pas systématiquement.

  27. Mathias

    30 juin 2007 at 0 h 47 min

    Okay, je parlais bien du forum, pas du blog qui n’a effectivement pas évoqué cette vidéo et réalisation d’image par du balisage.

  28. Eric

    30 juin 2007 at 1 h 10 min

    Ah ok, je n’ai pas eu l’occasion d’aller sur le forum Alsacreéation depuis pas mal de temps.

  29. Guillaume

    2 juillet 2007 at 14 h 33 min

    A la limite, récupérer les valeurs de couleur des pixels dans une image d’origine, et resortir ça en HTML, en quelques lignes de code ça doit être aisé. Même rajouter une fonction qui regarde combien de pixels identiques se suivent, pour mettre des rowspan, ça se fait.

    Mais là le mec mélange les rowspan et les colspan, et là pour écrire la moulinette ça fait déjà plus mal à la tête.

    Même pour avoir envie d’écrire le convertisseur, faut déjà être un peu fou.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

À la une

Les bons plans

Dernières news

Newsletter 🍋 Inscrivez-vous à la newsletter tout juste sortie du four, rien que pour vous

Les tests