Webinventif

Voici un excellent menu en accordéon horizontal animé qui tient en seulement 1 kb ! Le tout sans faire appel à une quelconque librairie javascript extérieure ! C’est Michael Leigeber qui en est à l’origine, de plus son script est compatible IE6, IE7, Firefox, Opera, et Safari ! Chapeau ! Allez, voici la demo ! […]

Haha ! Après son 1er exploit qui était Super Mario Bros en javascript, CupBoy récidive et nous pond un Mario Kart en javascript ! Bon encore une fois le jeu n’est pas très complet, il s’agit surtout ici de saluer la performance technique mise en œuvre pour réaliser ce petit jeu ! Jouer à Mario […]

Voici comment faire des info-bulles (tooltip) très facilement grâce à jquery. Avec en plus la possibilité d’y inclure une pré visualisation d’image ! Voici les démo: Tooltip simple Tooltip image preview Tooltip lien avec preview Installation 1. On inclu la librairie jQuery dans la page (si ce n’est pas déjà fait) entre les balises HTML […]

Woooooooow, il est bien mon titre non ? 😀 Je ne savais pas vraiment comment décrire cette ressource alors voilà. Le Dock Menu c’est quoi ? C’est une ressource pour mettre ne place sur votre site / blog un menu transparent qui s’active au survol de votre souris. Le menu étant caché en haut de […]

Rappelez-vous de Firebug lite, qui permettait (et permet toujours) de déboguer vous applications javascript depuis (presque) n’importe quel navigateur ! Et bien Pi.debugger reprend presque les mêmes caractéristiques sauf qu’il se rapproche un peu plus de la version complète de Firebug. Donc en plus du débogueur de javascript, vous aurez accès à un explorateur XHTML, […]

Php.js est un projet de Kevin van Zonneveld qui a pour but de reproduire plus d’une centaine de fonctions PHP en javascript ! Dorénavant vous pourrez faire des array_chunk, basename, file_get_contents, md5 et autre stripslashes directement en javascript ! Vous pouvez soit inclure la totalité de la bibliothèque php.js dans vos pages pour avoir accès […]

Aujourd’hui je vais vous montrer comment rendre encore plus agréable à l’oeil vos listes HTML ! Ce tutoriel n’a pas de but particulier à part celui de faire plaisir à vos visiteurs lorsqu’ils tomberont sur vos listes trop fashion ^^ ! De plus il est extrêmement simple à mettre en œuvre. 😉 Le principe Une […]

MarkItUp est un plugin pour jQuery qui permet d’ajouter une barre de mise en forme sur n’importe quel champs de saisie ! En fait, MarkItUp n’est pas vraiment une nouveauté sur WebInventif puisque j’en avais parlé il y a déjà plusieurs mois, mais à l’époque il s’appelait jTagEditor ! Alors pourquoi j’en reparle ? Parce […]

Vous savez que le javascript peu parfois vous aider à gagner pas mal de temps lors du développement de vos sites (comme IE7.js par exemple). Et bien ici je vais vous présenter 2 solutions pour détecter le type de navigateur utilisé par vos visiteurs, et ainsi créer une classe CSS différente pour chacun d’eux. A […]

Bon revoici mon tutoriel pour appliqué un effet 2.0 sur du texte. Il avait disparu avec le wiki (comme d’autres), je le reposte donc ! Ps: donc ne vous inquiétez pas aussi de voir des commentaires du mois de Mai 😉 Et oui, avec le web nouvelle génération on atteint des sommets ! C’est pourquoi […]