Suivez le flux RSS | (4626 followers)

 

Actualité Informatique

[PHP] Récupérer et afficher le nombre d’abonnés au flux RSS

PHP (My)SQL   19 réactions »
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), moy. : 5,00 sur 5)
Loading ... Loading ...

Pré-requis : avoir externalisé son flux RSS chez FeedBurner

Afficher le compteur d'abonnés à votre flux RSS (feedcount) sur votre blog peut être favorable à une croissance du nombre d'abonnés. Je vous déconseille toutefois d'afficher votre compteur en dessous d'un minimum (100) car cela risque d'avoir l'effet l'inverse.

FeedBurner propose un compteur paramétrable au niveau des couleurs du fond, du texte et du choix du texte (rarement utilisé). Mais il faut bien dire que ce compteur est absolument moche et ne s'intègre que très mal dans un design... il fait très vite tâche, à tel point qu'il ne vaut finalement mieux pas l'afficher. Suite à plusieurs demandes de lecteurs de Blogmotion, voici comment récupérer une valeur brute du nombre d'abonnés. » Lire la suite

Charger des images à la volée (on scrolling)

Javascript et Css   20 réactions »
A ce point ?PassableIntéressantYeahExcellent! (5 vote(s), moy. : 4,00 sur 5)
Loading ... Loading ...

Si vous hébergez vos images sur votre serveur et que celles-ci sont nombreuses, votre serveur peut fortement ralentir la cadence d'envoi de ces images à cause de la bande passante nécessaire. Si votre blog/site rencontre une forte affluence, les visiteurs auront tendances à partir en courant si vos images, et donc vos pages sont trop longues à charger (des études l'ont prouvé).

Une page comportant un nombre important d'image est longue à charger et c'est d'autant plus vraie sur les configurations légères (ultra-portable et mobiles). La raison est simple : toutes les images sont chargées d'un coup d'un seul.

La solution : le lazy load

Lazy signifie paresseux (ça y est vous comprenez l'image d'illustration:) ). » Lire la suite

Améliorer l’organisation du dashboard WordPress

Développement   6 réactions »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading ... Loading ...

En me baladant dans le catalogue des extensions WordPress, je suis tombé sur Ozh' Admin Drop Down Menu.  Une vraie petite merveille qui permet de ré-organiser les menu WordPress.

» Lire la suite

Un générateur de thème WordPress

Javascript et Css   14 réactions »
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), moy. : 5,00 sur 5)
Loading ... Loading ...

Il n'est pas toujours simple de trouver un thème WordPress qui corresponde vraiment à ses attentes : couleurs, nombre de colonnes, organisation de différents éléments, ... sans parler de la qualité du code source.

Yvo Schaap a réalisé un générateur de thème WordPress accessible à tous. Sans qu'il soit nécessaire de maîtriser le (X)HTML, JS, PHP, ou le CSS il est très facile de choisir les couleurs du texte, du fond, des liens, ... tout est paramétrable en quelques clics. » Lire la suite

Ajouter un bouton Google Buzz sur WordPress

Développement   9 réactions »
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), moy. : 5,00 sur 5)
Loading ... Loading ...

Quelques jours après sa sortie, l'intérêt pour le nouvel outil de communication Google Buzz reste partagé. Néanmoins, si vous souhaitez que vos visiteurs puissent buzzer sur la toile, vous pouvez ajouter un bouton Google Buzz.

Voici deux solutions pour intégrer Google Buzz à WordPress.

La méthode manuelle

Intégrer le code suivant là ou vous souhaitez que le bouton apparaisse, je vous conseille de l'insérer dans single.php :

<a rel="nofollow external" href="http://www.google.com/reader/link?url=<?php the_permalink() ?>&title=<?php the_title () ?>&srcURL=http://blogmotion.fr/"><img src="http://bit.ly/buzzicon"/> GBuzz!</a>

(Remplacez srcURL=http://blogmotion.fr par l'URL de votre blog).

Exemple de rendu (lien non actif) :

GoogleBuzz GBuzz!

Avec un plugin adapté

Si vous n'aimez pas plonger dans le code source de WordPress, sachez qu'il existe un plugin nommé Google Buzz Button.

Je l'ai découvert chez Valentin et je vous invite à lire son billet pour les explications concernant l'installation et l'utilisation, rien de compliqué rassurez-vous.

Conclusion

Je ne saurai vous dire s'il est réellement pertinent d'intégrer Google Buzz et chacun agira comme bon lui semble. Je pense toutefois que Google Buzz sera rapidement  ajouté à la longue liste de services sociaux comme le propose les plugins SexyBookmarks ou encore Sociable. Patientez si vous ne souhaitez pas ajouter un énième plugin...

Utiliser un fond aléatoire pour votre blog

Javascript et Css   7 réactions »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading ... Loading ...

But : utiliser des fonds aléatoires sur un blog/site (démonstration).

On m'a récemment demandé s'il était possible d'utiliser un fond (background) aléatoire sur un blog. La réponse est oui, c'est même très simple.

Avant tout, sachez qu'il existe bon nombre de méthodes pour y parvenir, des plus simples aux plus saugrenues voir lourdes pour votre serveur.

La solution pour laquelle j'ai opté ne consommera aucune ressource supplémentaire vis-à-vis d'un fond unique. Elle est également compatible avec tous les systèmes de cache existants (WP-SuperCache inclus) puisque le code javascript s'exécute sur la partie cliente, c'est à dire le navigateur de l'internaute.

Pré-requis

Il vous faut bien évidemment créer vos fonds et les placer de préférence dans le même répertoire, bien que ce ne soit en rien une obligation.

Pour l'aspect pratique nous utiliserons un chiffre pour distinguer les fonds : fond1.jpg, fond2.jpg, fond3.jpg, etc.

Une pincée de CSS

Nous allons tout simplement jouer sur le contenu de la feuille de style. L'image de fond va être appliquée directement sur la balise BODY.

Nous devons dans un premier temps définir les différents attributs pour le fond :

body { background-repeat: no-repeat; }

Puis, créez X classes CSS, X correspondant même nombre que vous avez de fonds :

.ban1 { background-image: url('images/fond1.png'); }
.ban2 { background-image: url('images/fond2.png'); }
.ban3 { background-image: url('images/fond3.png'); }

Enregistrez et envoyez votre fichier CSS sur le serveur, puis passons à la suite.

Un grain de javascript

La dernière étape consiste à ajouter une ligne de code Javascript pour permettre l'appel aléatoire d'une des classes CSS, chacune faisant appel à un fond différent.

Remplacer votre balise "<body>" par :

<script type="text/javascript">
var banListe=['1','2','3'];
document.write('<body class="ban' + banListe[Math.floor(Math.random()*banListe.length)] +'">');
</script>

C'est fini !

Conclusion

Enregistrez et envoyer tous les fichiers modifiés, pensez à vider votr système de cache si vous en utilisez-un.

Cette méthode est simple mais fonctionnelle. Vous pouvez tout à fait utiliser jQuery, mootools, ou tout autre framework JavaScript si vous êtes à l'aise avec. N'hésitez pas à partager votre code dans les commentaires.

Voir la démonstration.

SpriteMe (I’m Famous) : optimiser le chargement d’un site

Javascript et Css   6 réactions »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading ... Loading ...

SpriteMe est un webservice très pratique permettant d'optimiser le poids d'une page web, ce qui influence directement son temps de chargement. SpriteMe est capable de générer vos sprites CSS de façon complètement autonome.

» Lire la suite

[Formation] Rejoignez la communauté Freebox Games

Développement   Une réaction »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading ... Loading ...

Élixir est un framework applicatif permettant de développer des jeux ainsi que des logiciels pour Freebox HD. Il est basé sur un moteur ECMAscript et les Enlightenment Foundation Libraries.

Freebox S.A.S. propose gratuitement aux développeurs, amateurs ou professionnels, une formation technique sur ce toolkit en deux jours : le samedi 30 et dimanche 31 Janvier 2010. Au programme » Lire la suite

Adapter Simple Tags pour WordPress 2.9

PHP (My)SQL   2 réactions »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading ... Loading ...

Si vous utilisez l'extension WordPress Simple Tags 1.6.6, vous avez pu vous compte qu'il est incompatible avec la récente mise à jour de WordPress 2.9.

Cette extension permet de définir les mots clés d'un billet rapidement grâce à l'auto-complétion lors de la frappe. Elle se révèle très pratique et il est difficile de s'en passer.

En attendant une mise à jour par son auteur Amaury Balmer, voici comment modifier le contrôle de version de WordPress réalisé par l'extension pour la rendre compatible avec WordPress 2.9. » Lire la suite

Un script PHP pour générer vos url goo.gl facilement

PHP (My)SQL   17 réactions »
A ce point ?PassableIntéressantYeahExcellent! (2 vote(s), moy. : 3,00 sur 5)
Loading ... Loading ...

C'est en surfant sur le blog de Benoit Descary qu'il m'est venu l'idée de créer un script PHP permettant de créer vos propres URL compressées à la source Goo.gl.

Google ne propose pour l'instant aucun moyen de compresser une URL, outre l'utilisation de la Google Toolbar. J'ai donc crée un script PHP qui rend possible l'utilisation du service Goo.gl sans la G.Toolbar.

Pour des questions de sécurité, le script est protégé avec un reCaptcha afin d'éviter d'éventuelles attaques DoS à l'encontre du serveur PHP qui réalise une requête à l'extérieur.

Le principe est tout à fait simple, il suffit d'entrer l'URL que vous souhaitez compresser, puis de cliquer sur Goo.gliser :

» Lire la suite