Blog Tech

Proposer l’ajout d’un site en favoris pour Firefox en JS

web 2
A ce point ?PassableIntéressantYeahExcellent! (3 vote(s), 3,33/ 5)
Loading...

favorisHistoriquement, il a toujours été possible avec Internet Explorer de proposer un lien permettant d'ajouter l'adresse de votre site/blog en favoris (marques-pages).

De nombreux sites ont utilisé cette technique qui se révèle aujourd'hui complètement obsolète.

Vous vous doutez bien que ce code est propre à Microsoft et ne respecte en rien ce que l'on trouve dans les standards :

<a onMouseOver="window.external.AddFavorite(location.href, document.title);">
Blogmotion</a>

Résultat : qu'aucun autre navigateur ne le prend en charge, exceptés ceux fonctionnant un moteur IE ! Il suffit d'utiliser Mozilla Firefox pour se rendre compte que le code est toalement inactif...

Voici un équivalent pour Firefox (fonctionne également sur IE). » Lire la suite

HTML-ipsum : générer du faux texte mis en forme

web 5
A ce point ?PassableIntéressantYeahExcellent! (3 vote(s), 4,00/ 5)
Loading...

HTML-ipsum est un générateur de faux texte (Lorem Ipsum) destiné à remplir de texte vos designs pour obtenir un rendu lorsque vous n'avez pas encore de contenu.

html-ipsum » Lire la suite

Convertir un fichier PSD en JPG et PNG avec PHP

PHP (My)SQL 8
A ce point ?PassableIntéressantYeahExcellent! (3 vote(s), 3,67/ 5)
Loading...

psd-to-jpg-pngLa classe PHP PSD Reader permet de convertir un fichier au format Photoshop PSD en image JPG (JPEG plus précisément).

Les utilisations de cette classes sont nombreux et intéressants.

Il devient par exemple possible sur un serveur stockant des PSD de générer des miniatures pour une meilleure navigation, ou bien de proposer sur un site de partage d'image le format .psd en entrée avec une conversion en JPG.

Pour utiliser la classe, téléchargez-la puis créer un fichier php dans le même dossier de destination que notre fichier test.psd :

<?php
include_once('classPhpPsdReader.php');
header("Content-type: image/jpeg");
echo imagejpeg(imagecreatefrompsd('test.psd'));
?>

» Lire la suite

Récupérer la liste des commentateurs les plus actifs (WordPress)

PHP (My)SQL 13
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), 5,00/ 5)
Loading...

top-commentateurs-wordpressBut : récupérer (avec sans plugin WordPress) les meilleurs commentateurs par ordre décroissant

Il est intéressant de connaître les visiteurs qui laissent le plus de commentaires sur votre blog WordPress. Vous pouvez par exemple les afficher ensuite dans votre sidebar en les remerciant avec un lien vers leur blog/site en doFollow s'ils en ont un. » Lire la suite

Intégrer les backlinks Wikio dans le tableau de bord WordPress

PHP (My)SQL 5
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), 5,00/ 5)
Loading...

Lorsque vous vous connectez à l'interface d'administration de votre blog WordPress, il existe un widget dans le tableau de bord qui liste les blogs ayant fait un lien vers le vôtre, c'est à dire un lien entrant ou backlink en se basant sur l'outil Google Blogsearch :

liens-entrants-wordpress-defaut

Voici par exemple l'adresse du flux des liens entrants Google Blogsearch pour Blogmotion.

La façon dont Google analyse les liens entrants (backlinks) entre les différents blogs a perdu en efficacité comme nous l'a déjà démontré Jean Véronis. Suite à cela, il a d'ailleurs pris la décision de développer un outil similaire à la sauce Wikio, en version bêta dans le Wikio Labs pour commencer, et disponible publiquement depuis quelques semaines sous le nom de backlink factory.

Le poids que pèsent les backlinks envers un blog ne sont absolument pas négligeables pour obtenir une place intéressante dans l'égomètre le classement Wikio, cet outil est donc assez intéressant (pour peu que l'on apprécie les critères de classement de Wikio).

Pourquoi ne pas afficher les backlinks Wikio en lieu et place des liens entrants analysés par Google ? » Lire la suite

Récupérer les emails des commentaires sur WordPress

PHP (My)SQL 10
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), 5,00/ 5)
Loading...

sql-wordpressVoici la réponse à la demande de Thierry Roget sur les différentes façons de récupérer les adresses mail des personnes ayant laissé un commentaire sur votre blog. Cette demande ne m'était pas personnellement adressée, mais d'autres personnes sont peut-être intéressés de connaître la réponse 🙂

Le plus simple pour obtenir ce genre d'information est d'interroger la base d'information, c'est à dire la base de donnée qui dans notre cas n'est autre que MySQL.

Connectez-vous sur PhpMyAdmin (demandez l'adresse à votre hébergeur), cliquez sur la base de donnée contenant les tables wp_xxxxx (nom par défaut), puis placez-vous dans un champ de requête en cliquant sur "SQL" :

interface-pma » Lire la suite

Convertir une date au format ISO 8601 en timestamp unix

PHP (My)SQL 4
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

Certains flux RSS s'appuient sur la norme ISO 8601 pour afficher la date de leurs publications au format RSS.

Ainsi vous avez peut-être déjà croisé ce format de date :

2009-04-13T20:48:11+00:00

Qui correspond à la date du : 13 Avril 2009, 20 heures 48 minutes et 11 secondes

L'ISO 8601 établit une représentation numérique de la date et de l'heure convenue au plan international. Les éléments sont représentés selon un ordre décroissant, du plus grand au plus petit: année-mois-jour.

Plusieurs modalités de fonctionnement sont possibles, mais celle-ci reste la plus claire et utilisée sur le web : YYYY-MM-DDThh:mm:ss, où la majuscule T est employée pour séparer les éléments de la date et de l'heure.

Pour manipuler les dates en PHP, il est possible d'utiliser le timestamp. Voici donc une fonction que j'ai crée à l'occasion pour convertir une date au format ISO 8601 vers un timestamp :

function isoTimeToStamp($iso) {
sscanf($iso,"%4u-%u-%uT%u:%2u:%2uZ",$annee,$mois,$jour,$heure,$minute,$seconde);
$newTstamp = mktime($heure,$minute,$seconde,$mois,$jour,$annee);
return $newTstamp+3600;
}

» Lire la suite

Une technique simple de lien distant en CSS

web 3
A ce point ?PassableIntéressantYeahExcellent! (3 vote(s), 4,33/ 5)
Loading...

Voici une technique en CSS pur de sélection de lien distant ("remote link") :

» Lire la suite

Limitez le duplicate content de votre blog sur Google

Dév 13
A ce point ?PassableIntéressantYeahExcellent! (3 vote(s), 5,00/ 5)
Loading...

Le duplicate content est très mauvais pour votre site/blog, c'est un paramètre à ne pas négliger pour un bon référencement naturel.

Quelques rappels

Définition : le duplicate-content c'est la présence sur le web d'une même page sur plusieurs URL, lorsque l'on vous plagie par un vilain copier-coller par exemple (sans demander votre avis biensûr); mais également d'une même page accessible par plusieurs adresses différentes sur un même site : http://monsite.fr/mapage.php&p=1 avec http://monsite.fr/mapage.php?p=1&coucou.

Les moteurs de recherche n'aiment pas la redondance d'information et n'indexent qu'une seule fois l'information. Ils doivent donc faire le tri et trouver la page originale...

C'est comme ça que vous vous retrouvez avec certains Digg (paperblog, technoblog pour ne pas les citer) qui reprennent un des vos billets qui ressortent avant votre propre blog dans les résultats Google ! Il est d'ailleurs souvent impossible de retomber sur votre page originale dans les résultats, sauf en tappant certains mots clés précis ou bien en précisant le domaine (site:http://mosite.fr mes mots clés).

Lorsque plusieurs sites proposent une page identique, Google va tout simplement définir le site qui a le plus haut pagerank comme site original, voilà pourquoi les Digg vous passe souvent devant !

Cette page originale est appelée : URL canonique.

Il existe trois cas de duplicate-content » Lire la suite

Suivez les standards avec le framework SenCSs

web 6
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

SenCSs est un framework CSS Open-Source (MIT) qui ne vous fournit pas de support de mise en page mais qui vise à prendre en charge tout le reste :

  • polices et tailles de polices
  • paddings
  • margins
  • couleurs
  • tableaux
  • listes
  • blockquotes
  • etc.

Le framework est en fait composé d'un seul et unique fichier CSS que vous pouvez utilisé comme base lors de l'élaboration d'un site web. Il permet d'effectuer un reset de certaines proprietés CSS permettant d'obtenir un rendu identique (ou presque) sous tous les navigateurs.

Oubliez les galères d'alignement et le décallages CSS » Lire la suite