Commentaires sur : Un dragon en CSS uniquement, GROOAR… http://web.virtuousquare.fr/?p=184 Pour les affamés de web-design ! Wed, 25 Aug 2010 06:31:43 +0000 http://wordpress.org/?v=2.9 hourly 1 Par : SSD http://web.virtuousquare.fr/?p=184&cpage=1#comment-159 SSD Wed, 04 Aug 2010 14:41:45 +0000 http://web.virtuousquare.fr/?p=184#comment-159 Waouh, c'est dingue. L'idée est originale, et le rendu est vraiment bien, quand on pense que c'est fait sans logiciel de dessin comme Photoshop ou Illustrator ! Waouh, c’est dingue.

L’idée est originale, et le rendu est vraiment bien, quand on pense que c’est fait sans logiciel de dessin comme Photoshop ou Illustrator !

]]> Par : efusien http://web.virtuousquare.fr/?p=184&cpage=1#comment-58 efusien Thu, 29 Apr 2010 22:12:15 +0000 http://web.virtuousquare.fr/?p=184#comment-58 Intéressant ce dragon ! Ce qui me fait rire c'est la tête du bazard sous Internet Explorer. Même IE8 bien sûr... là il craint un peu le dragon. Intéressant ce dragon !
Ce qui me fait rire c’est la tête du bazard sous Internet Explorer. Même IE8 bien sûr… là il craint un peu le dragon.

]]> Par : Virtuousquare http://web.virtuousquare.fr/?p=184&cpage=1#comment-15 Virtuousquare Tue, 02 Mar 2010 15:16:16 +0000 http://web.virtuousquare.fr/?p=184#comment-15 Tu as tout à fait raison ! Je m'étais persuadé qu'un élément en absolute ne se positionnait que par rapport à un élément spécifiquement en position:relative, et dans mon esprit les enfants d'un éléments en absolue se positionnait par rapport au parent le plus proche en relatif, d'où la création de cette classe relative... (si tu me suis ^^) Merci infiniment pour cette remarque ! Pour la bordure de l'oeil c'est une possibilité, le seul inconvénient étant qu'ici, toutes les mesures et positionnements se font en % pour que le tout se redimensionne automatiquement, et (je crois que) l'attribut shadow ne gère pas ces %... :/ J'ai essayé sur l'ombre des écailles mais sans succès (Note pour moi-même : Il va falloir que je m'occupe de ce décalage de sous-commentaires ! :p ) Tu as tout à fait raison !
Je m’étais persuadé qu’un élément en absolute ne se positionnait que par rapport à un élément spécifiquement en position:relative, et dans mon esprit les enfants d’un éléments en absolue se positionnait par rapport au parent le plus proche en relatif, d’où la création de cette classe relative… (si tu me suis ^^)

Merci infiniment pour cette remarque !

Pour la bordure de l’oeil c’est une possibilité, le seul inconvénient étant qu’ici, toutes les mesures et positionnements se font en % pour que le tout se redimensionne automatiquement, et (je crois que) l’attribut shadow ne gère pas ces %… :/
J’ai essayé sur l’ombre des écailles mais sans succès

(Note pour moi-même : Il va falloir que je m’occupe de ce décalage de sous-commentaires ! :p )

]]> Par : Florent V. http://web.virtuousquare.fr/?p=184&cpage=1#comment-14 Florent V. Tue, 02 Mar 2010 14:03:52 +0000 http://web.virtuousquare.fr/?p=184#comment-14 Alors l'élément viré du commentaire c'est «div class="relative"»«/div» mais avec des chevrons à la place des guillemets. En général tu as déjà un conteneur qui est positionné en absolu, et tu le doubles en mettant à l'intérieur un DIV avec une classe "relative" (position relative, hauteur et largeur à 100%). Dans ce cas de figure au moins, c'est inutile. Pour l'ombre et la bordure claire de l'oeil j'ai pensé à l'utilisation de box-shadow (avec deux ombres), mais je crois que certains navigateurs n'acceptent pas les ombres multiples (webkit?). Alors l’élément viré du commentaire c’est «div class= »relative »»«/div» mais avec des chevrons à la place des guillemets. En général tu as déjà un conteneur qui est positionné en absolu, et tu le doubles en mettant à l’intérieur un DIV avec une classe « relative » (position relative, hauteur et largeur à 100%). Dans ce cas de figure au moins, c’est inutile.

Pour l’ombre et la bordure claire de l’oeil j’ai pensé à l’utilisation de box-shadow (avec deux ombres), mais je crois que certains navigateurs n’acceptent pas les ombres multiples (webkit?).

]]> Par : Raphael http://web.virtuousquare.fr/?p=184&cpage=1#comment-13 Raphael Tue, 02 Mar 2010 12:36:52 +0000 http://web.virtuousquare.fr/?p=184#comment-13 Assez impressionnant en effet. Bizarre que les arrondis ne fonctionnent pas sur Chrome : je n'ai pas regardé en détail mais tu as pourtant bien des webkit-border-radius Assez impressionnant en effet.
Bizarre que les arrondis ne fonctionnent pas sur Chrome : je n’ai pas regardé en détail mais tu as pourtant bien des webkit-border-radius

]]> Par : Ombre http://web.virtuousquare.fr/?p=184&cpage=1#comment-12 Ombre Tue, 02 Mar 2010 12:33:56 +0000 http://web.virtuousquare.fr/?p=184#comment-12 Ouahou! O_o Ouahou! O_o

]]> Par : Virtuousquare http://web.virtuousquare.fr/?p=184&cpage=1#comment-10 Virtuousquare Tue, 02 Mar 2010 12:11:22 +0000 http://web.virtuousquare.fr/?p=184#comment-10 Merci, Malheureusement il manque l’élément principal de ta question, et je n’arrive pas à voir sur quoi elle portait. Je suis bien conscient qu’il y a des choses à optimiser, je compte bien améliorer ma technique pour chaque illustration produite, quitte à revenir sur les précédentes. Merci,
Malheureusement il manque l’élément principal de ta question, et je n’arrive pas à voir sur quoi elle portait.

Je suis bien conscient qu’il y a des choses à optimiser, je compte bien améliorer ma technique pour chaque illustration produite, quitte à revenir sur les précédentes.

]]> Par : Florent V. http://web.virtuousquare.fr/?p=184&cpage=1#comment-6 Florent V. Tue, 02 Mar 2010 11:29:44 +0000 http://web.virtuousquare.fr/?p=184#comment-6 Joli boulot! Une remarque: sauf erreur de ma part, tous les utilisés sont inutiles. Sauf s'il s'agit de faire rentrer l'un ou l'autre navigateur dans le rang (auquel cas je serais curieux d'en savoir plus). Joli boulot!
Une remarque: sauf erreur de ma part, tous les utilisés sont inutiles. Sauf s’il s’agit de faire rentrer l’un ou l’autre navigateur dans le rang (auquel cas je serais curieux d’en savoir plus).

]]>