Seuls les bons navigateurs affichent la médaille correctement :) Il n'y a aucune image dans la page, que du html et des css (du moins si, y a une image : la favicon).
Le truc que j'ai appris grâce à cela, c'est que l'on peut donner plusieurs classes à un même élément. Dans cet exemple il y a par exemple un
div class="draw r".... Donc le div prend à la fois le style draw et r. Cela me semble intéressant et nouveau pour moi en tout cas.Sinon l'explication des triangles en css est là : http://www.infimum.dk/HTML/slantinfo.html(...) et l'utilisation ultime : http://www.infimum.dk/HTML/rotatingStar.html(...) (activer le bouton "animation" aussi rendre encore plus impressionnant :) ). Par contre là il y a un gros js derrière.
ça date de 2003, c'est peut-être déjà connu, désolé.
# y en a quelques uns comme ça
Posté par Talou (site web personnel) . Évalué à 8.
http://www.glazman.org/weblog/dotclear/index.php?2003/12/23/15-chri(...)
http://www.glazman.org/weblog/newarchive/2002_10_20_glazblogarc.htm(...)
http://www.designdetector.com/tips/3DBorderDemo2.html(...)
http://www.stunicholls.myby.co.uk/menu/cssart.html(...)
Je suis toujours à la recherche de la page d'un type qui avait refait le plan de son appart en css aves des dispositions alternatives...
[^] # Re: y en a quelques uns comme ça
Posté par B r u n o (site web personnel) . Évalué à 1.
[^] # Re: y en a quelques uns comme ça
Posté par blobmaster . Évalué à 2.
[^] # Re: y en a quelques uns comme ça
Posté par tfeserver tfe (site web personnel) . Évalué à 1.
http://www.mozillazine.org/(...)
# La même chose en dynamique !!
Posté par Narmer . Évalué à 3.
Il utiise le même procédé mais le developpeur (un allemand) l'a totalement APIsé, c'est totalement réutilisable dans vo propre page web.
Test en ligne direct grace à un formulaire.
http://devira.com/jsgraphics/jsgraphics_e.htm(...)
d'autre librairies DHTML toutes aussi puissantes sont disponibles. Pour moi c'est le developpeur "Ajax" (ça fait à la mode) le plus avancé dans ce domaine
http://devira.com(...)
[^] # Re: La même chose en dynamique !!
Posté par zerchauve . Évalué à 1.
[^] # Re: La même chose en dynamique !!
Posté par B r u n o (site web personnel) . Évalué à 1.
Ajax (oui, c'est trés hype en ce moment, même si c'est utilisé depuis des années) implique une communication avec un serveur en mode asynchrone (le premier A de ajax) avec XmlHttpRequest. Là, de ce que j'ai vu sur le site que tu as pointé, c'est purement des bibliothèques d'affichage. Ce qui n'enlève rien à la prouesse, ça m'a l'air super balaize.
Si t'aimes (le tu étant générique dans ce cas là) Ajax, il y a cet article [http://www.adaptivepath.com/publications/essays/archives/000385.php(...)] qui explique bien les principes. Apparement c'est de chez Adaptive Path que vient le nom Ajax (Asynchronous JavaScript + XML). Sinon il y a aussi le blog de Dion Almaer et Ben Galbraith qui semblent avoir lancé le buzz autour de cette vieille techno : [http://ajaxian.com(...)].
Je crois que Ajax va fleurir partout d'ici peu (d'ailleurs les pertinages et unitilisages de LinuxFr ne sont pas fait comme cela?).
(désolé d'avoir abusé des parenthèses dans ce petit post).
[^] # Re: La même chose en dynamique !!
Posté par Narmer . Évalué à 1.
il va faciliter la réalisation de choses comme celle-ci
http://www.netfielders.de(...) (cliquer sur une cible carré sur le bandeau: une petite fenêtre apparait avec des petites animations faites totalement en DOM + JS)
Maintenant la partie communication asynchrone avec le serveur peut être assuré de pleins de façon differentes... J'avais pris ça comme un comme un tout, alors qu'il faut séparer la présentation du reste.
En ce qui concerne les sites et commentaires sur Ajax, je connaissais déja les références merci. Ce qui est vrai c est que ce terme va permettre une harmonisation de langage pour ce procédé et aussi lui donner une ame peut être.
Sinon en Ajax j'ai ça comme lien
- https://dwr.dev.java.net/(...)
- http://www.crockford.com/JSON/index.html(...)
@+
# Un jeu ... en CSS
Posté par Victor STINNER (site web personnel) . Évalué à 3.
http://www.stunicholls.myby.co.uk/menu/amazing.html(...)
C'est du délire. C'te site est vraiment excellent. Je pense qu'il vaut mieux éviter IE pour surfer dessus :-D
Haypo
[^] # Re: Un jeu ... en CSS
Posté par Yoann A. . Évalué à 3.
Il suffit de glisser/déposer le pac-man sur la case où on veut aller directement. Pendant le déplacement de la souris avec le bouton appuyé, le :hover ne fonctionne pas et donc on peut passer au travers des murs ! \o/
[^] # Re: Un jeu ... en CSS
Posté par Twidi (site web personnel) . Évalué à 1.
[^] # Re: Un jeu ... en CSS
Posté par LeMagicien Garcimore . Évalué à 4.
[^] # Re: Un jeu ... en CSS
Posté par Nim . Évalué à 1.
En plus des passages secrets ya une feinte qui m'a fait perdre 1/4 d'heure de mon precieux temps au boulot :)
[^] # Re: Un jeu ... en CSS
Posté par PiT (site web personnel) . Évalué à 1.
Tt en noir et blanc, une fille, ces commentaires sur fond gris très très clair ... c'est beua je trouve.
Suivre le flux des commentaires
Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.