mercredi 27 août
Accueil :: Dépêches :: Entretiens :: Journaux :: Forums :: Sondages :: Suivi :: Statistiques :: Contact :: Plan

Derniers journaux de pacifiko :

Journal : CSS un jour...

Posté par B r u n o (page perso, ) le 15 mars 2005
0
Un truc de malades en css : http://www.infimum.dk/HTML/slantstar.html(...)

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é.

> Lire le journal (14 commentaires, moyenne: 2,2).  

Cette discussion est archivée, il n'est plus possible de laisser des commentaires.

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

y en a quelques uns comme ça

Posté par Talou (Jabber id, page perso, ) le 15/03/2005 à 17:28. (lien). Évalué à 8.

http://mattread.com/css/flag.php(...)
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 (page perso, ) le 15/03/2005 à 17:54. (lien). Évalué à 1.

    Il y a des trucs magnifiques sur le site de Stu Nicholls... trés bon lien!

La même chose en dynamique !!

Posté par Narmer () le 15/03/2005 à 19:01. (lien). Évalué à 3.

C'est une librairie que je garde sous le coude pour pouvoir l'exploiter pleinement dès que j'aurais le temps ,

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.



<!--
function myDrawFunction()
{
jg_doc.setColor("#00ff00"); // green
jg_doc.fillEllipse(100, 200, 100, 180); // co-ordinates related to the document
jg_doc.setColor("maroon");
jg_doc.drawPolyline(new Array(50, 10, 120), new Array(10, 50, 70));
jg_doc.paint(); // draws, in this case, directly into the document

jg.setColor("#ff0000"); // red
jg.drawLine(10, 113, 220, 55); // co-ordinates related to "myCanvas"
jg.setColor("#0000ff"); // blue
jg.fillRect(110, 120, 30, 60);
jg.paint();

jg2.setColor("#0000ff"); // blue
jg2.drawEllipse(10, 50, 30, 100);
jg2.drawRect(400, 10, 100, 50);
jg2.paint();
}

var jg_doc = new jsGraphics(); // draw directly into document
var jg = new jsGraphics("myCanvas");
var jg2 = new jsGraphics("anotherCanvas");

myDrawFunction();

//-->




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 () le 15/03/2005 à 20:22. (lien). Évalué à 1.

    effectivement Walter Zorn est très fort ! Et je dois avouer que sa technique de glissé/déposé d'images m'attire beaucoup et que j'ai plein d'idées (bien sûr inavouables :) ) basées là-dessus.

    --
    -- Le voilà qui s'en va, un des prototypes personnels de Dieu... Trop bizarre pour vivre, trop unique pour mourir

  • [^]Re: La même chose en dynamique !!

    Posté par B r u n o (page perso, ) le 15/03/2005 à 21:25. (lien). Évalué à 1.

    Pour moi c'est le developpeur "Ajax" (ça fait à la mode) le plus avancé dans ce domaine


    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 () le 16/03/2005 à 00:02. (lien). Évalué à 1.

      Oui tu as raison, l'ensemble des bibliothèque proposé par Walter Z. permet une maitrise plus complete on va dire du client (navigateur)

      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 (page perso, ) le 16/03/2005 à 00:54. (lien). Évalué à 3.

Si si, c'est possible.
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 Aubineau (page perso, ) le 16/03/2005 à 09:14. (lien). Évalué à 3.

    J'ai trouvé un truc dément avec ce jeu : on peut se téléporter !

    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 (Jabber id, page perso, ) le 16/03/2005 à 15:27. (lien). Évalué à 1.

      Ca doit d'ailleurs être le seul moyen de rejoindre l'étoile qui est enfermée...

      • [^]Re: Un jeu ... en CSS

        Posté par LeMagicien Garcimore () le 16/03/2005 à 16:55. (lien). Évalué à 4.

        non, il y a des portes cachées

      • [^]Re: Un jeu ... en CSS

        Posté par Nim () le 17/03/2005 à 17:06. (lien). Évalué à 1.

        cf. " HINT : Some things are not what they seem :) "

        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 (page perso, ) le 17/03/2005 à 13:49. (lien). Évalué à 1.

    Et son design est beau ... je trouve !

    Tt en noir et blanc, une fille, ces commentaires sur fond gris très très clair ... c'est beua je trouve.

Revenir en haut de page

Run by Team LinuxFr.org

Cette page a été générée par Templeet en 0.0773s (dont 0.0075 de SQL).
Cette page est peut-être conforme xhtml 1.0.
Information sur le site.
Faire un don !