Web 2.0 Developer
Article tagué prototype
jQuery 1.3
18/02/09
Longtemps accro au Framework Prototype, j’ai gentillement migré vers jQuery que je trouve d’une part plus simple de prise en main, plus rapide et surtout qu’il dispose d’une communauté très active et propose beaucoup de plug-ins divers et variés.
Récemment passé en version 1.3, voici une traduction de l’annonce officielle: Les grandes fonctionnalités de cette version sont :
- sizzle : un moteur de sélection basé sur les CSS, tout chaud sorti du four ;
- live event (évènements en direct) : de la délégation d’évènements (event delegation) avec un zeste de jQuery ;
- révision des évènements jQuery : la gestion des évènements a été complètement La suite >
Google Analytics et pages ajax
26/06/08
Avoir des statistiques de navigation viables sur un site qui utilise des appels ajax pour gérer les pages peux se révéler laborieux…
Voici une petite fonction que j’ai développé pour parser ce problème:
function charge_page(id) {
var pars = "id="+id;
new Ajax.Updater(
"container",
"page.php",
{
method:'get',
parameters: pars
});
googleification();
}
function googleification() {
pageTracker._trackPageview("Nom de la page" );
}
Et encore une petite astuce: si vous souhaitez compter le nombre de téléchargement d’un fichier:
<a onclick="javascript: pageTracker._trackPageview('/Downloads/mon_fichier.pdf');" href="mon_fichier.pdf?phpMyAdmin=99f8741cd54efab1ae6814d5e9af4958">Mon fichier</a>
Google Ajax API
25/06/08
Comme me le dis souvent un collègue « Google nous enterra tous ! »….
C’est d’autant plus vrai avec l’arrivée de nouvelles API Google pour facilité la vie aux développeurs:
- Google Maps API, ajoute une carte google Maps à vos sites
- Google Ajax Search API, intègre un moteur de recherche google à vos sites, y compris Video, local et news
- Google Ajax Feed API, télécharge des flux RSS ou Atom depuis n’importe quel serveur, uniquement en javascript
- Ajax Libraries API, permet d’utilisé les libraries ajax les plus courantes (Prototype, jQuery) depuis les serveurs Google
- Et d’autres encore
Je vais pas décrire en détails chacune des ces API (j’ai mis La suite >
Compilations de Cheat Sheets
24/05/08
Je voulais recensé toutes les Cheat Sheets que j’avais vu passé, mais l’ami Google m’a trouvé un autre blog qui le faisais déjà et c’est même très complet et classé par catégories:
Très pratique ! Perso j’ai la cheat sheet de Prototype sur mon bureau
CoverFlow avec Protoype JS
23/05/08
ProtoFlow c’est quoi ? ProtoFlow est un effet coverflow écrit en Javascript. Il utilise les libraires Prototype et Scriptaculous pour l’essentiel du travail et Reflection.js pour les effets de réflections d’image. Pourquoi ? Et bien principalement parce que cet effet est devenu à la mode avec Apple qui l’implémente un peu partout (iTunes, puis iPod, iPhone,…) puis repris par beaucoup de développeurs. Il existe plusieurs « Cover-flow like » en javascript, mais ProtoFlow est le seul que j’ai trouvé utilisant Prototype. Comment ? C’est très simple: Ajouter Prototype, Scriptaculous et Reflection.js à votre page Ajouter ProtoFlow.js et ProtoFlow.css à votre page Ajouter le Markup et La suite >
Clônes de Lightbox
23/05/08
Lightbox c’est quoi ? C’est à la base un script javascript couplé à du CSS qui permet de zoomer sur des photos en les superposants au site que l’on visite. Sur ce principe là, une multitude de clônes ont vu le jour, utilisant les frameworks Prototype, MooTools, jQuery ou autres, avec toujours plus de fonctionnaliés. Ça commençait à devenir très compliqué de s’y retrouvé parmis toutes ces versions mais heureusement ce site est apparu:
Il compare en effet tous les clônes de Lightbox et permet de filtrer ses résultats suivant les fonctions que l’on veux, à bookmarker !
