Blog Informatique

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...

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...

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 :

(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...

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 :

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

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 :

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...

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...

É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...

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...

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.

Attention : ce billet date de 2009 et n'est plus d'actualité, l'API de reCaptcha a changé, voir documentation.

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

Un formulaire de création d’utilisateurs LDAP avec jQuery

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

Objectif : générer de façon autonome les identifiants de connexions de chaque utilisateur pour un domaine (LDAP ou Active Directory) grâce à un formulaire en jQuery.

Essayer la démo.

Seule la partie de nommage sera abordée, la partie de traitement du formulaire ne fait pas partie de l'objet de ce billet.

formulaire-jquery

Que vos utilisateurs soient gérés depuis un serveur LDAP Linux ou depuis un serveur Windows avec Active Directory (qui de toutes façons cache un serveur LDAP), vous devez adopter un nommage strict pour la définition des identifiants et adresses emails des utilisateurs de l'entreprise.

En effet, il n'y a rien de plus ennervant que de constater que certains identifiants (login) sont créés sur la base de prenom.nom puis d'autres sous p.nom ou encore pnom. Tout système informatique se doit d'être organisé et cohérent. » Lire la suite

Google offre ses outils de compression JS

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

closure-toolsGoogle est le plus gros consommateur de JavaScript de par sa popularité et ses nombreux services en ligne. Chaque optimisation de code est source d'économies en terme de bande passante, de temps et biensûr de coût.

Il suffit de regarder le code source de Google.com pour se rendre compte à quel point tout est optimisé. Google compresse en réalité toutes les parties de code JavaScript de façon très efficace. De nombreux services seraient pratiquement inutilisables sans ses optimisations (Gmail, Maps, etc.). On se souvient par exemple que Gmail prenait parfois plus de 60 secondes sur une connexion bas débit pour afficher la boite de réception...

compression-javascript

Un contenu web en Java-Script peut réagir  différemment suivant le navigateur utilisé. L'unification des affichages et du comportement des applications fait parti des objectifs de la firme américaine. Pour y parvenir Google vient de sortir une suite d'outils baptisée Closure Tools, tout droit issue du Labs et via le Google App Engine. » Lire la suite

Remplacer une chaine de caractères dans une table MySQL

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

remplacer-chaine-mysqlPour plusieurs raisons, il arrive que vous soyez amené à modifier un mot, une adresse ou de façon plus générale modifier une chaine de caractères dans votre base de données.

Typiquement, lorsque vous changez de nom de domaine et que vous disposez d'un blog cette opération est très pratique mais surtout, nécessaire. Comme je me sers régulièrement de cette petite astuce, j'ai décidé de la partager, bien qu'elle ne soit absolument pas secrète ou complexe.

Commande MySQL :

[sql]UPDATE Table SET le_champ=REPLACE(le_champ,'chaine a remplacer','chaine de remplacement) WHERE le_champ LIKE '%chaine a remplacer%'[/sql]

Voici un exemple d'utilisation, tiré d'une de l'opération de migration de Blogmotion (changement de serveur). » Lire la suite