Webinventif

Je pense que vous êtes nombreux a avoir entendu parler des sprites CSS et que même certains d’entrevous les utilises déjà. C’est une technique encore un peu obscure et trop peu utilisée ! Que-est ce que des « Sprites CSS » Rien de bien sorcier en fait. Il s’agit d’une technique qui consiste à regrouper toutes (ou […]

Ryan Doherty vient de nous pondre un hack permettant à la propriétés CSS inline-block d’être compatible sur la plupart des navigateurs actuels (Cross-Browser). Pour rappel cette propriété permet de donner un comportement de type « inline » à des éléments de type « block » .. pour l’exemple, c’est le comportement par défaut des images ! Par rapport a […]

jParallax est un plugin jQuery qui va vous permettre de mettre en place facilement un effet de parallaxe sur un groupe d’images ! Pour faire court, la parallaxe est l’incidence du changement de position de l’observateur sur l’observation d’un objet (cf: wikipedia). Un peu comme lorsque vous êtes en voiture ou en train et que […]

Voici 2 nouveau framework CSS qui commencent à faire parler d’eux. Alors, pourquoi je vous présente les 2 en même temps ? Et bien parce qu’il sont l’œuvre du même auteur. En fait Emastic est la version complète alors que Malo embarque le strict minimum (8 lignes de code !) Malo Il est super flexible […]

Alors si vous êtes adepte des pubs sur votre blog, vous connaissez très certainement la régie Blogbang qui utilise un support vidéo couplé à du javascript pour l’affichage. Donc Blogbang c’est génial, tout le monde en met partout, Adblock passe à travers (donc parfait pour les blog de geek) et le CPC (Cout par clic) […]

Après le menu en accordéon horizontal, Michael Leigeber récidive et nous sort un effet glissant pour menu en moins d’un kb ! Compatible avec IE6, IE7, Firefox, Opera, et Safari ! Allez, voici la 1ère demo et la 2ème demo ! Mise en place 1. On inclut script.js dans la page entre les balises HTML […]

jHelperTip est un plugin pour jQuery qui vous permet d’afficher des infos-bulles (tooltips) sur votre site/blog. Même si chaque système d’info-bulle se ressemble, ils ont tous leurs particularités. Celui-ci est assez complet et facile à prendre en main. Allez, voici la demo ! Mise en place 1. On inclut la librairie jQuery (si ce n’est […]

NitobiBug est un nouvel outils de débogage javascript compatible avec tous les navigateurs récents ! Il se place dans la lignée de Pi.debugger et de Firebug Lite ! Compatible avec : Internet Explorer 6+ Firefox 1+ Safari (Only tested 3+) Opera 8+ Exemple d’utilisation : var myDomObject = document.getElementById(’someID’); nitobi.Debug.log(myDomObject); Ce qui créera un objet […]

Voici enfin un jeu en javascript jouable (pour rappel, ici et là) et basé sur la librairie Mootools. C’est un tetris-like basique mais prenant. Allez juger par vous-même …. par ici pour jouer à BeSlimed A jouer uniquement au bureau 😀

Sous ce nom un peu barbare se cache une fabuleuse API de Google ! Google Ajax Libraries API est un projet mené par Google qui à pour but de nous faciliter l’implémentation de framework javascript. Comment ça marche ? Alors pour faire simple, il vous suffit d’inclure ce petit fichier javascript (9 ko) dans vos […]