Bon, ok le titre ne doit pas vous dire grand chose !

En fait je fais juste un petit billet rapide pour vous livrer une petite astuce de coding : Faire que vos swf ne soient pas tout le temps devant les autres blocs. J’ai rencontré ce souci en utilisant l’excellente librairie Highslide. Les images zoomées restaient derrière les éléments flash ! Pas terrible.

En fait il s’agit juste d’ajouter un paramètres à votre balise object (en gras) :

<object type=”application/x-shockwave-flash” data=”le-swf.swf” width=”200″ height=”200″>
<param name=”movie” value=”le-swf.swf” />
<param name=”wmode” value=”transparent”>
</object>

Ainsi, vos swf ne se mettront plus systématiquement devant le reste des éléments ! Un exemple est à voir ici. Zoomez sur l’image et déplacez-là, elle reste devant le SWF (l’oeil). (Ce blog est le blog d’un pote dont j’ai conçu le thème ! Il vient seulement d’ouvrir et va vous paraitre un peu vide !).
Voili voilou. @ bientôt ! Spylberg.

Pour réaliser le classement des blogs belges selon FeedBurner, il m’a fallut utiliser l’API FeedBurner pour récupérer le nombre d’abonné pour chaque URL donnée.

Evidemment, cela peut avoir d’autres utilités, comme par exemple remplacer le bouton fourni par FeedBurner, pour des raisons d’esthétiques et d’intégration graphique.

Avant toute chose, il va falloir activer l’API Awareness fournie par FeedBurner. Si cela n’a pas déjà été fait, rendez-vous sur votre compte FeedBurner et activez l’API dans l’onglet Publicize > Awareness API > Activate.

Désormais, vos données peuvent être lues par des applications externes à FeedBurner, mais n’ayez crainte, vos données confidentielles le resteront.

Maintenant que nous pouvons récupérer nos données de l’extérieur, jettons un oeuil au fichier XML fourni par l’API :

<rsp stat="ok">

<!--

This information is part of the FeedBurner Awareness API. If you want to hide this information, you may do so via your FeedBurner Account.

-->

<feed id="775325" uri="parenthesebe">

 <entry date="2007-11-17" circulation="65" hits="244" downloads="0" reach="12">

</feed>

</rsp>

Il y a donc 5 données exploitables : la date d’enregistrement du flux, le nombre d’abonnés, le nombre de “hits”, le nombre de téléchargements et le nombre d’articles atteint. Une seule de ces données nous interesse pour ce tutorial : le nombre d’abonnés.

Pour récupérer ce nombre d’abonnés, nous utiliserons le code PHP suivant :

<?php

$feeduri = "parenthesebe";

$xml = simplexml_load_file("http://api.feedburner.com/awareness/1.0/GetFeedData?uri=".$feeduri) or die ("Unable to load XML file!");

$subs = $xml->feed->entry['circulation'];

echo $subs;

?>

Désormais, vous pouvez mettre en forme votre propre bouton en utilisant un logiciel de graphisme et la mise en page CSS. Si vous voulez voir un exemple d’utilisation de ce bout de code, rendez-vous sur le site de Papy Geek.

Ceux qui me connaissent depuis longtemps savent que je suis aussi l’auteur d’une petite librairie Javascript appelée SimpleJS.

Un exemple

Cette librairie n’est pas un frameworks ou une classe mais simplement un ensemble de fonctions Ajax/Dhtml

Je dois avouer que SimpleJS n’a pas beaucoup évoluée depuis sa première apparition. Et en réalité ce n’est pas étonnant car elle est tel que je la voulais, à la fois simple et légère.

SimpleJS est composé de plusieurs fichiers Javascript.

simple.js (seulement 4ko) qui permet de modifier dynamiquement l’opacité, la couleur et la hauteur d’un élément. elle dispose aussi d’une fonction de clignotement.

Ce fichier sert de base à la construction d’autres fonction, appelés ici plug-ins

Si vous désirez utiliser les fonctions ajax + galerie photos + accordeon, le poids total sera de 14ko , donc toujours très léger
Par exemple, vous disposez d’un plug-in pour créer un effet accordéon, ou encore une galerie photo, mais surtout elle permet, accompagnée de simpleajax.js, l’utilisation ajax (méthode ahah) facilement.

cette fonction, par exemple, permet d’afficher le contenu d’une page via ajax dans un élément id avec un effet d’apparition + le petit “load”.

$ajaxload('IdDeMonDiv', 'mapage.php', "<img src='load.gif'></img>", 'appear', true);

J’ai été plutôt avare en explication mais jarod a écris un chouette tuto

La favicon est l’un des éléments que l’on oublie souvent d’intégrer à son site, pourtant, celle ci apporte un réel plus.

Sur un navigateur moderne tel que firefox, la favicon est aussi une manière pratique de retrouver plus facilement un site dans un bookmark ou dans ses onglets ouverts.

Comment créer une favicon?

La favicon est une image de 16×16 px , généralement au format .ico si chère à windows.

Moi, personnellement, je ne considère pas le format .ico comme un format standard du web, et pour cette raison, je lui préfère le format .gif.

Le format .png ou .apng (png animé) sont actuellement les format que l’on préconise. Mais rappelons tout de même que seul le format .ico est supporté par ie6.

Sans vouloir vous expliquer comment dessiner une icone, sachez seulement que la méthode traditionnel est de redimentionner son logo en 16×16 px, mais dans ce cas, le résultat peut être floue. Ensuite, n’oubliez pas que votre favicon peut être afficher sur d’autres couleurs que du blanc, aussi, préconisez la transparence en prenant soin de tester sur une couleur.

Une fois votre icone créée, vous pouvez l’attacher à votre site en intégrant ce code dans le <head> de votre site

<link rel="shortcut icon" href="http://smashingcoding.com/favicon.gif" />

Et le tour est joué.