Space invider en code html

Posté dans Fun Graphisme Tutoriaux le 15 juillet 2010

Vidéo virale par ebuzzing

Voila un petit délire réalisé par un collègue de taf en manque de taf…. lol il a réalisé en html+css un petit space invider. rien de fou vous allez me dire et bien moi je salue déjà l’imagination, la réalisation et si vous en redemandez Till Condon (son nom « d’artiste » ) vous en fera encore bien d’autre.

Comme quoi tout est faisable en html ! Voila si vous le souhaitez, il est tellement sympa qu’il vous file le code source pour que les plus geek d’entre vous observe avec leurs mirettes ! Merci à lui pour la source space invider en html

space invader Space invider en code html

Tags: geek, html, space invider

Newsletter Olybop.info

10 commentaires to “Space invider en code html”

Tweets that mention Olybop.info » Olybop.info Space invider en code html — Topsy.com a écrit:
15 juillet 2010 à 13 h 33 min
[...] This post was mentioned on Twitter by Kleiber nicolas and olybop, Portfolio-Graphiste. Portfolio-Graphiste said: chez Space invider en code html: Voila un petit délire réalisé par un collègue de taf en manque de taf…. l… http://bit.ly/c3q9eM [...]
Geelen S a écrit:
15 juillet 2010 à 14 h 24 min
J’ai l’impression qu’il s’est un peu compliqué la vie.

Il aurait suffit de faire des div de 2 class, des vert et des gris.
Tous en float left, alterné de façon à créer l’image.

En plus chez moi les marge ne sont même pas uniforme …
Geelen S a écrit:
15 juillet 2010 à 14 h 42 min
Voila un truc vite fait qui est moins compliqué.
Enfin je trouve.

http://www.gs-design.be/public/stuff/space/

Après je chipote, je sais bien, mais étant féru des bonnes pratiques HTML/CSS et tout le toutim … j’ai pas pu me retenir.
a écrit:
15 juillet 2010 à 14 h 55 min
ahahah trop fort , ba voila t’es pown Till
till a écrit:
15 juillet 2010 à 15 h 06 min
Complètement d’accord avec toi Geelen S mais j’ai pas précisé qu’à la base cette construction HTML est en principe faite pour être animée en javascript (au clic sur telle ou telle div, tous les encarts se mettent à bouger, forment une ligne, puis un escalier, etc…) donc j’étais un peu forcé à faire le code de cette manière là… Qu’en penses-tu? Vois-tu une autre solution?
Geelen S a écrit:
15 juillet 2010 à 15 h 14 min
C’est sur que l’animation peut apporter des contraintes.

Maintenant ça dépend jusqu’au tu veux aller.

Si c’est juste des changements de taille et marges, j’estime que ma version suffit. avec une librairie comme JQuery on fait ce qu’on veux facilement à ce niveau la.

Si tu veux des vrai mouvement pour chaque block, la tu va devoir chipoter avec des position effectivement. mais ça risque d’être prise de tète. ^^
till a écrit:
15 juillet 2010 à 15 h 18 min
Non non ça a été j’connais un très très très très bon développeur… Et ça s’est fait sans soucis!!
Geelen S a écrit:
15 juillet 2010 à 15 h 24 min
Ah, et du coup on peut voir ça quelque part ?
till a écrit:
15 juillet 2010 à 15 h 41 min
Dès qu’j'aurai créé mon propre site promis!
tu s’ras le premier informé…
Identitools a écrit:
26 juillet 2010 à 12 h 31 min
C’est pas plutôt « space invaders » ?