Malheureusement, la version proposée sur le blog demande une reconfiguration cas par cas, et la version générée par le site dédié, demandait un retour au site pour chaque nouveau projet. J’ai donc décidé de monter un bout de code pour automatiser la création de grilles.
Attention, je ne gère pas de marges internes, ces dernières sont générées par les éléments contenus dans ces grilles. C’est mal, je sais.

On definit le nombre de colonnes et leur largeur par défaut.

// Version A : nb_colonnes * largeur_colonne = largeur_ligne
$grid_nb_colonnes = 12;
$grid_largeur = 80;

Il est évidemment possible de définir la largeur totale d’une ligne :

// Version B : largeur_ligne / nb_colonnes = largeur_colonne
$grid_largeur_ligne = 960; 
$grid_largeur = round($grid_largeur_ligne / $grid_nb_colonnes);

Faites toutefois attention à utiliser des valeurs multiples, afin d’éviter une colonne trop petite, ou trop grande.

On génère ensuite une propriété pour chaque largeur de grille

for($i=1;$i<=$grid_nb_colonnes;$i++)
	echo '.grid_'.$i.'{width:'.($i*$grid_largeur).'px;} '."\n";

On affiche les propriétés de gestion de lignes et colonnes

echo '.column{float:left;overflow:hidden;display:inline;}';
echo '.row{width:'.($grid_nb_colonnes*$grid_largeur).'px;overflow:hidden;margin:0 auto;}';

Et voilà c’est évidemment utilisable dans mon système de compression CSS via PHP, à condition de charger le contenu dans la variable $retour_css au lieu d’afficher le contenu via echo, et de l’insérer juste avant l’appel à la fonction compress();. La configuration des largeurs et colonnes peut être par contre montée en haut du script, pour plus de confort

Note : Le bout de code est sous licence WTFPL, mais un lien, un merci ou un cadeau (Sait-on jamais qu’un puissant mécène qui souhaite mon bonheur me lise) sont appréciés.

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : Un Système de grilles/grid avec CSS & PHP
Partager cet article sur Twitter

En testant le mode intégré de VirtualBox, j’en ai profité pour faire une capture d’écran peu commune : mon site perso affiché sous Internet Explorer 6.0 à côté de la version sous Mozilla Firefox 3.6 (Version Mac).

On ne distingue en effet que trois grosses différences dans le design : Les bordures arrondies, la transparence et les polices. J’aurais pu évidemment faire un site au pixel près avec quelques astuces, mais en alourdissant le code (plugin jquery, png transparent supplémentaire…). Donc un grand merci à ie8.js de gérer la majorité des bugs : )

à titre informatif : mon compte Twitter est désormais en public, n’hésitez plus à me suivre

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : D’Internet Explorer 6.0 à Firefox 3.6
Partager cet article sur Twitter

Étant connecté au moment de la diffusion du sujet, j’ai pu observer en temps réel l’impact de cette mise en avant sur l’évolution du nombre de membres du groupe.

19h50 Le sujet est présenté parmi d’autres, on aperçoit le nom du groupe durant quelques secondes. Je m’y connecte et constate : 577 membres.

Le reportage commence à 20h00 : On compte désormais 642 membres.
20h01, le reportage se termine : 870 membres.
Jusqu’à 20h07, le compteur monte jusqu’à 1680 membres, à plus de 2 membres par seconde.
Par la suite, la vitesse d’augmentation des membres diminue peu à peu.
Le dernier comptage à 23h00 est de 2167 membres.
Pour un meilleur aperçu, voici un graphique représentant l’évolution du nombre d’abonnés au groupe Facebook depuis la présentation du sujet ( Origine : 0 secondes ).

On y distingue au début du reportage ( 646 secondes ) une explosion de la vitesse d’abonnement, vitesse qui faiblit à partir de 850 secondes ( 20h04 env.).

Qu’en conclure ?

Ces données laissent à penser qu’un faible pourcentage de téléspectateurs réagit sur Internet durant la diffusion d’un sujet. En effet, les audiences moyennes du 19/45 sur Janvier montraient une moyenne de 2.8 millions de téléspectateurs. Un gain d’environ 1500 followers, c’est moins de 0.05% de « taux de conversion ».

Les conséquences annexes

Le groupe est passé de 3 à 8 administrateurs, le mur est bourré de messages, dont ceux des spammeurs et opportuniste que les administrateurs réactifs ont fait disparaître très vite ( Merci @KyotoWeb pour l’info ).
Les farceurs n’ont pas mis longtemps à réagir :

C’était un article purement dataporn, et pour que vous puissez aussi faire votre orgie de données ( et principalement me donner vos conclusions sur la courbe ), voici le document Google Spreadsheets dont j’ai tiré les graphiques.

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : Groupe Facebook On peut tous aider Alain – Diffusion dans le 19/45 de M6
Partager cet article sur Twitter

• Réduire le nombre de CSS chargés au minimum, pour économiser les requêtes HTTP.
• Permettre de créer des fichiers CSS à la volée, sans code php à l’interieur, et de les diviser le plus possible.
• Compresser le résultat.
• Mettre en cache la version compressée, qui sera servie au visiteur.

Cette méthode est grandement inspirée de l’article sur la compression des CSS chez CatsWhoCode, que j’ai décortiqué pendant un bout de temps

On fera donc appel à ces fichiers :

• style.php : appelé pour créer la page, mais qui transmet également les instructions CSS.
• style-min.css : Le CSS final, appelé par la version du site.
• style/ : Le sous dossier contenant tous vos CSS.

Les éventuelles images devront être dans le même répertoire que style.php.

Voici donc le code commenté de style.php :

On déclare le contenu comme étant du CSS, pour être sûr de son interpretation.

<?php
header("Content-type: text/css");

Ensuite, il faut inclure les CSS, que l’on va trier dans l’ordre alphabétique, pour permettre d’éventuels hacks, et surtout une idée de l’ordre des instructions.

// On cree une variable de retour pour contenir le CSS.
$retour_css = '';
 
// On parcourt le sous-dossier style/
$dir = opendir("style/");
$fichiers = array();
// On ajoute chaque fichier à un tableau 'fichiers'
while($fichier = readdir($dir))
	{if($fichier!="." && $fichier!="..") $fichiers[] = 'style/'.$fichier;}
closedir($dir);
 
// Tri par ordre alphabetique des fichiers
asort($fichiers);
 
// inclusion des fichiers ... dans l'ordre
foreach($fichiers as $fichier)
	$retour_css .= file_get_contents($fichier);

La fonction compress() va agir sur plusieurs points :

• Retirer les caractères « inutiles », comme les commentaires, tabulations, et transformer les espaces multiples en espaces simples, etc.
• Permettre la mise en place d’un léger système de variables. Utile si vous avez beaucoup de fichiers

function compress($buffer) {
$variables_css = array(
	'COULEUR1'=>'#003366',
	'COULEUR2'=>'#336699',
	'FONT1'=>'Georgia, serif'
	);
// On remplace les variables par leur valeur
foreach($variables_css as $code_variable => $valeur)
	$buffer = str_replace('{'.$code_variable.'}', $valeur, $buffer);
 
	// Suppression des commentaires
	$buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
 
	// Suppression des tabulations, espaces multiples, retours à la ligne, etc.
	$buffer = str_replace(array("\r\n", "\r", "\n", "\t", '  ', '	 ', '	 '), '', $buffer);
 
// Suppression des derniers espaces inutiles
	$buffer = str_replace(array(' { ',' {','{ '), '{', $buffer);
	$buffer = str_replace(array(' } ',' }','} '), '}', $buffer);
	$buffer = str_replace(array(' : ',' :',': '), ':', $buffer);
 
	return $buffer;
}
 
// Compression du CSS
$retour_css = compress($retour_css);

Enfin, nous allons mettre en cache le contenu de la variable $retour_css, et l’afficher, pour les tests.

// Mise en cache du fichier style-min.css
file_put_contents('style-min.css',$retour_css);
// On affiche le contenu compressé
echo $retour_css;

Vous pouvez créer autant de fichiers CSS que vous le désirez dans le sous-dossier style/, afin de séparer couleurs, tailles, réglages de base, Reset CSS et autres grilles.

Vous m’avez lu jusqu’ici ? Woah Apprenez donc que ce code est sous licence WTFPL, qu’un lien vers cet article sera accueilli avec grand bonheur, et qu’un commentaire constructif le sera également

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : Compresser et ranger son CSS avec PHP.
Partager cet article sur Twitter

Qui me parle ?

La première question à vous poser lorsque vous lancez un compte Twitter (ou autre), c’est de clarifier qui l’utilisera, et au nom de qui il s’exprimera. Est-ce le dirigeant qui s’exprime au nom de l’entreprise ? Est-ce le service technique, qui se limitera à résoudre les problèmes des utilisateurs ? Quel ton sera utilisé ? Le tutoiement des contacts, le vouvoiement ? Votre ennuyeux repas avec Tata Mireille a-t’il un intérêt à être publié le compte de la société ? « La flemme, aujourd’hui » donne t’il une bonne image à vos clients/prospects ?
Il est important de se tenir à cette règle, tout en sachant la contourner de temps en temps : Un « bon sysadmin day » de la part du service technique peut montrer le côté geek de ces derniers En résumé : Sachez faire preuve d’humanité, mais tenez vous à votre image.

A qui dois-je parler ?

Suivez les bonnes personnes : Il est inutile de suivre un maximum de personnes, sauf pour avoir un superbe compteur. Privilégiez un compte qui grossit peu à peu, en n’ajoutant que quelques personnes bien choisies par jour : Ceux qui habitent/travaillent dans votre ville de prospection, ceux qui parlent d’un sujet similaire au votre, ou bien évidemment les amis et la communauté existante de l’entreprise.

Relizé vou.

La limite à 140 caractères vous permet de vous relire en quelques secondes, et aussi de clarifier votre propos. Plutôt que d’utiliser à outrance le langage SMS, ne vaut-il mieux pas reformuler votre idée ? Votre orthographe doit être bonne (mais une faute, ça arrive à tout le monde :p), le vocabulaire et le niveau de langage doivent être adaptés à votre public. Evitez les fautes dans les pseudos, c’est très mal vu, et ça peut être traduit par un manque d’intérêt pour votre destinataire. (Moi, c’est Darklg, pas darkGL).
Et évidemment, on évite les ruptures de clauses de confidentialité, sauf si c’est voulu

Ecoutez et Répondez.

Twitter Search est indispensable : Sauvegardez des recherches, ou récupérez les en Flux RSS, sur quelques thèmes : Votre quartier/arrondissement/ville/département de prospection + votre activité sous différentes formulations. N’hésitez pas à rechercher aussi les lieux connus à proximité. N’hésitez pas à répondre aux questions « bouteille à la mer » sur votre activité. Un bar qui répondra à un « qui sait où passer une bonne soirée près de Montparnasse ce soir » peut gagner de nouveaux clients. Partagez votre expertise.

Souvenez vous d’eux.

Essayez de noter les spécificités de vos followers, ou tout au moins de vous en souvenir, pour lancer quelques offres personnalisées de temps en temps, ou juste pour prendre des nouvelles. Exemple de message si vous êtes un bar : « @Darklg OpenRedbull pour toi ce soir si tu ramènes tes amis ». (Et si vous êtes un bar parisien, ce twitt est une invitation)

What are you doing ?

Partagez des photos de votre entreprise, de vos activités, des vidéos, des sons d’ambiance … Donnez envie de devenir client chez vous en partageant l’ambiance de votre entreprise. Parlez de votre activité, mais parlez aussi de votre société. Un code promotionnel dans l’air du temps est toujours le bienvenu. Si vous devez faire un lien vers votre site pour parler d’une nouveauté, faites-le vers la page précise, et non vers l’URL de votre site.

Message Direct ou public ?

Répondez aux twitts qui vous mentionnent, en public si la réponse peut intéresser quelqu’un d’autre, en message direct si la réponse est trop spécifique. Le message direct ne doit pas être utilisé pour envoyer un message public. Une publicité envoyée en DM est très agaçante, surtout si elle n’est pas ciblée. Et on ne répètera jamais assez, une publicité envoyée directement à une cible non sollicitée, c’est du SPAM.

Les messages les plus courts …

15 à 20 minutes par jour suffisent, et auront encore plus d’effet en les disséminant dans la journée. Dans le cas d’un évènement twitté en direct, n’hésitez pas à envoyer un message toutes les 15-20 minutes, selon l’activité.

En résumé, écrivez en gardant en tête que vous serez lus par des humains, qu’ils doivent aimer vous lire avant tout. Si vous ne voyez Twitter que comme un nouveau moyen de faire des liens vers votre site, vous n’avez rien compris.

PS : Votre business a décollé grâce à mes conseils ? Dites le en commentaire

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : Twitter pour une entreprise.
Partager cet article sur Twitter

Une chose à la fois.
Le plus important en premier.
Commencez tout de suite !

Je n’ai pas pu m’empêcher de traduire l’article original (trouvé sur LifeHacker), qui réussissait à descendre à 11 mots.

Cet article résume parfaitement les techniques essentielles de la productivité sans le stress, comme GTD et ZenToDone, déjà abordées sur ce blog.

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : La productivité en 14 mots
Partager cet article sur Twitter

Jusqu’alors, j’utilisais un cahier sur lequel j’inscrivais chaque jour mes tâches les plus importantes, à la manière d’un agenda. La technique atteignait ses limites les jours où mon temps était intégralement utilisé sur un problème de dernière minute.

J’ai donc décidé, il y a quelques mois (mi-septembre, si j’en crois le whois du nom de domaine) de créer Trois.me, un site minimaliste et simple pour gérer une liste des tâches les plus importantes à faire. Ce n’est pas un site conçu pour gérer une liste de tâches, mais bien pour se concentrer sur les plus importantes du jour.

Maintenant, il est à vous. Ce n’est évidemment pas un remplacement pour un outil plus poussé d’organisation et de planning, et certains se sentiront plus à l’aise avec un fichier texte, mais je trouve qu’une simple liste, conservée sur un serveur, peut permettre de découvrir les techniques de productivité et d’optimisation de temps, en commençant par l’une des plus simples et accessibles, les « Plus Importantes Tâches ».

J’ai essayé d’optimiser la rapidité d’affichage et de téléchargement sur ce site, par exemple en me séparant de jQuery, et en me restreignant à un simple code javascript en bas de page. Le progressive enhancement est évidemment de rigueur, le site étant fonctionnel jusqu’à IE6.

Je reste ouvert à toutes suggestions et critiques, que j’accueillerais à bras ouverts ( ou à boîte mail ouverte ) !

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : Trois.me / Vos tâches les plus importantes
Partager cet article sur Twitter

Et c’est tout pour la pub.

Bien que je ne sois pas intimement convaincu de cette technologie, l’émergence de l’Internet sur mobile la rendra peut-être grand public. Si vous souhaitez vous aussi vous lancer, vous pouvez utiliser Google Charts API pour générer un QR Code. C’est très simple, et presque illimité (Google demande à être contacté pour plus de 250.000 utilisations par jour).

Comme exemple, voici un Hello World de 100px sur 100px :

Pour essayer : appelez cette URL : http://chart.apis.google.com/chart?cht=qr avec comme paramètres :
chs ( largeur en pixels x hauteur en pixel )
chl ( chaine / URL à réduire, encodée pour une URL )
chld ( taux d’erreurs : L, M, Q, H | marge )
Plus de détails chez Google.

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : Des QR Codes grâce à Google Charts API
Partager cet article sur Twitter

Malheureusement, le processus d’activation ne permet souvent d’utiliser qu’une seule adresse mail par compte.

Heureusement, Gmail, le webmail de Google, nous fournit plusieurs solutions pour créer des alias, permettant ainsi de fournir des adresses mail différentes, mais en ne consultant qu’une seule boîte mail.

Pour les exemples, l’adresse de base sera le contact de ce blog :
darklg.blog@gmail.com

#1 – Gmail et Googlemail

L’extension googlemail.com redirige vers gmail.com. Donc l’adresse darklg.blog@googlemail.com sera redirigée vers l’adresse @gmail.com .

#2 – Des points importants

Les points ne sont pas pris en compte pour l’identifiant gmail. Donc darklgblog@gmail.com / darklg…blog@gmail.com et autres folies redirigent aussi vers votre adresse de base.

#3 – Plus, si affinités

Vous pouvez également rajouter un + suivi de quelques caractères. darklg.blog+twitterdarklg@gmail.com sera également une redirection pour votre adresse gmail.

#4 – Tous ensemble !

Ces astuces peuvent évidemment être combinées. darklgblog+twitter.darklg@googlemail.com est tout à fait fonctionnelle.

Les autres avantages de ces alias sont non négligeables :

• Vous pouvez vous inscrire sur des forums ou des sites peu fiables en utilisant une adresse du type darklg.blog+lenomduforum@gmail.com. Si vous recevez des spams, regardez attentivement l’adresse de réception, elle sera peut être instructive sur le forum qui a revendu sa base.
• Ces derniers peuvent vous permettre de trier automatiquement des mails. Par exemple, un alias du type +reseauxsociaux ou +newsletter .

Quelques limitations, toutefois :

• Le webmaster peut avoir interdit les alias. Dans ce cas, il vous restera quand même les deux autres techniques.
• Le webmaster peut utiliser un script pour « nettoyer » les adresse gmail. Mais il faut qu’il soit parano.

En espérant que ça puisse vous aider
( Poke DaPo Oxonium )

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : Gmail et ses Alias
Partager cet article sur Twitter

• Redirection 301 via PHP
• Redirection 301 via htaccess ( Apache )

Il vous arrive peut-être de devoir changer le nom de domaine ou la structure d’un site. Un immonde /index.php?mapage=outils&souspage=whois se transformant ( grâce à l’url rewriting … ou non ) en un sympathique /outils/whois.htm. Un nom de domaine peut également être remplacé par un plus clair / court / mémorisable / lisible.

Les avantages sont connus : un meilleur référencement, une URL plus claire et plus facile à mémoriser ou à retrouver dans ses favoris/marque-pages, etc.

Mais cette méthode comporte également certains inconvénients : Les moteurs de recherche se « souviennent » de l’ancienne URL et risquent de considérer la nouvelle comme un doublon, des liens peuvent exister vers l’ancienne page, et les webmasters de ces sites peuvent ne pas répondre … ou ne plus tenir à jour leur site, et plus important : des favoris/marque-pages de visiteurs peuvent mener vers une page d’erreur 404.

C’est pourquoi il est très important de maintenir une cohérence entre l’ancienne page et la nouvelle, en mettant en place une redirection 301 ( définitive ).

Note : Je n’aborderais pas la redirection 302 (redirection temporaire), parce qu’elle n’est vraiment utile que dans de rares cas, et est souvent mal utilisée. Mais c’est un avis personnel qui n’engage que moi.

J’utilise deux techniques différentes, selon les cas de figure, donc à utiliser selon votre préférence : htaccess ou PHP.

Redirection 301 via PHP

Avant tout envoi de code html / css (même les espaces et tabulations), collez ce code :

<?php
header('Location: http://www.monsite.com/nouvelleurl.htm', true, 301);
exit();
?>

Notes :

• J’utilise toujours des URL absolues (avec http: //mondomaine.com avant) pour être sûr de la destination.
• Les deux derniers paramètres ( true et 301 ) sont obligatoires pour un bon fonctionnement.
• Un espace après "location", pas avant !
• Le exit(); permet d’arrêter votre script juste après, et de ne pas envoyer de données. Au choix.
• J’utilise cette méthode pour rediriger une URL dynamique ou indésirable vers une autre, en complément d’un lien canonical.

Redirection 301 via .htaccess ( Apache )

Dans un fichier .htaccess créé à la racine de votre site ( généralement le même dossier que le index.php ou index.htm principal ), collez ce code :

RedirectPermanent /ancienneurl.php http://www.monsite.com/nouvelleurl.htm

Notes :

• La casse de la commande peut changer selon les scripts, mais je me base sur la syntaxe donnée par le manuel Apache(Serveur Web). Bon à savoir, cette page peut également vous fournir d’autres redirections plus complexes (mais bien utiles) comme RedirectMatch.
• Encore une fois, une URL absolue pour la destination.
• Le module Apache mod_alias.c doit être activé. Mais par défaut … c’est fait. Si le bout de code ne marche vraiment pas, contactez votre hébergeur.

Bonne redirection à tous !

PS : évidemment, mes méthodes ne sont sûrement pas les meilleures. Mais si vous avez mieux, les commentaires sont là pour ça .
PS2 : Ce blog tourne vraiment au bloc-notes et aide mémoire. Mais si vous lisez cette phrase, c’est que ça vous a intéressé, oui ? ( non ? Partez pas, quoi )

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : Redirection 301 – .htaccess et PHP
Partager cet article sur Twitter

Voici donc Kevin-Rocher.fr.

Au programme, rien de bien fou, mais beaucoup d’amour :

• Une courte présentation
• Un « CV ».
• Une page de contact
• Une optimisation SEO et (attention, blague violente) « Personne n’a le bras en digne » pour le terme Kévin Rocher.
• Des commentaires tordus dans la source, des fonctionnalités inutiles comme le redimensionnement du site, mais beaucoup de bonheur.

Il y a du CSS3 dedans, et donc sous IE 6 et autres navigateurs périmés, ça ne « rend pas pareil ». Mais j’ai fait en sorte que ça soit propre. Merci IE7.js!
En fond de page, une illusion d’optique ( oui, ce sont bien des droites parallèles ). Désolé pour vos yeux.

Une idée, une remarque, une critique ? Allez-y, et merci d’avance.

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : Adieu www.darklg.fr
Partager cet article sur Twitter

C’est très simple, vous créez un fichier « .htaccess » à la racine de votre site, et vous y collez un des bouts de code suivants :

Forcer les WWW

RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_HOST} !^www.mondomaine.com$ [NC]
RewriteRule ^(.*)$ http://www.mondomaine.com/$1 [L,R=301]

Enlever les WWW

RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_HOST} !^mondomaine.com$ [NC]
RewriteRule ^(.*)$ http://mondomaine.com/$1 [L,R=301]

En accédant au site sans les www, vous serez redirigés automatiquement vers la version avec www ( et réciproquement, selon le réglage choisi )
J’en suis conscient, l’article apporte peu, mais c’est typiquement le bout de code que j’oublie toujours.

Note : Vous pouvez également régler ce paramètre dans les Google Webmasters Tools, mais cela ne permettra pas la redirection automatique.
Note 2 : C’est pas « mes codes », la technique est assez connue, j’avais besoin d’un favori à moi. donc les bouts de code sont en licence WTFPL
A mettre dans vos snippets Textmate et autres !

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : Forcer les www dans un nom de domaine
Partager cet article sur Twitter

J’utilise la version IE8.js, suffisamment stable, et me faisant gagner des heures de travail.

Pour le mettre en place sur vos sites, c’est très simple : collez le code ci-dessous dans votre code (x)HTML ( dans le <head /> ou à la fin de <body /> ) :
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->

Le script ne s’exécutera ( merci les commentaires conditionnels ) que sous IE7 et inférieurs, et corrigera de nombreux bugs, dont la transparence des PNG ( dont le nom de fichier se termine par -trans.png )

Plus d’informations sur le site du projet IE7-JS.

Edit : ça marche très bien chez moi, peut-être aussi parce que j’utilise un reset CSS ( c’est mal, mais c’est pratique ), et la 1kb CSS grid pour gérer les float. Donc à voir.

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : IE8.js et IE7.js : Corriger les erreurs sur IE6
Partager cet article sur Twitter

L’auteur parle de référencement naturel, autour d’une idée simple : moins de hacks et de bidouillages pour un plus grand respect des visiteurs, et par conséquent des moteurs.

Certains chapitres m’ont marqué, comme celui où l’auteur conseille – très justement – de ne pas dépendre à 100% du référencement, et encore moins de ne dépendre que de Google.

D’autres beaucoup moins, comme celui où on sent clairement le doute de l’auteur vis à vis de l’utilisation de Google Images et de son utilisation dans un processus d’achat ( Personnellement, si je souhaite acheter / me renseigner sur un produit, j’apprécie de voir à quoi il ressemble très rapidement. Par exemple. )
Chacun ses goûts et ses techniques, particulièrement dans le milieu du référencement

Cet ouvrage est destiné à tous ceux intéressés par le référencement, offrant des explications très claires à des termes techniques, le rendant même accessible à un chef de projet, ou à un patron qui aimerait « en savoir plus ».

En conclusion, une très bonne lecture, offrant un regard neuf et clair sur un sujet qui génère beaucoup de mythes.
A lire d’urgence

ça s’achète chez la FNAC, Amazon, ou encore sur le site des Editions de l’Alambic. Et c’est sur ce dernier que j’aurais du le commander pour avoir une version PDF offerte. Diantre.

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : Les 60 maximes du référencement
Partager cet article sur Twitter

- J’en profite pour étrenner ma rubrique « Vite vu Vite lu Vite écrit. » (référence évidente à … ?), parce que parfois, l’envie d’écrire n’atteint pas le nombre de caractères. Oui, je suis au max.

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : Performance et Google Webmasters Tools
Partager cet article sur Twitter

C’est le grand gagnant du formidable concours Kinder Surprise / MixBlog. Il remporte donc un backlink depuis cette page, et une boîte de Kinder Surprise (non entamés, jsuis sympa).

Pour les 240 déçus, recevez mes plus sincères excuses. Et quelques Kinder Surprises qui tomberont au hasard dans la soirée.

Le premier qui me fait une analyse graphologique pour ce soir gagne un Kinder.

edit : Comme promis, j’ai donné 1$ par participant à la campagne French Geeks For Water, 24 participants, arrondi à 30$

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : Le concours Kinder/MixBlog est remporté par :
Partager cet article sur Twitter

Ca se passe au Starbucks Saint-Lazare à Paris, à partir de 19h et jusqu’à la fermeture. Qu’est-ce qu’on y fera ? Partager une boisson chaude et discuter. En bonus -parce que je ne vous sens pas convaincus-, on offrira des invitations Google Wave à tous ceux qui en feront la demande. Et ouais.

Pour nous retrouver, suivez le plan ci-dessous :

( Starbucks Saint-Lazare : 106 bis rue Saint-Lazare, 75008 Paris – Sous les arcades )

Pour nous reconnaître, cherchez Skreo (le hippie blond sur la photo ci-contre), et guettez les troll mac/linux.

Je serais aux deux soirées, et je vous attends.

PS : Le méga-concours Kinder MixBlog se termine demain soir. Donc on se presse et on s’inscrit. // edit du 24 Nov. : Il est fini.
PS2 : Attention, ce n’est pas le Starbucks situé en face de la sortie de métro « Cour de Rome ». Il faut passer entre le bel hôtel, et le macdo concept dont le bâtiment doit faire 3 mètres de large. Je n’ai jamais compris l’adresse exacte, donc celle au dessus c’est cadeau pour vos GPS.
PS3 : Suivez le plan, quoi.
PS4 : Elle sort quand au fait, la PS4 ?

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : Double Apéro Geek à Paris !
Partager cet article sur Twitter

Cette soirée, organisée « par les blogueurs, pour les blogueurs », vous permettra de rencontrer de nombreux blogueurs, pas tous influents, mais tous passionnés. (Sauf les pourris qui viennent juste pour se faire de la pub, évidemment).

Pour fêter ça, j’annonce l’ouverture d’un grand concours sur mon blog, du même acabit que le précédent.

Le gagnant de ce concours remportera deux prix exceptionnels :

• Mon estime éternelle, ou presque, sous la forme d’un lien depuis mon blog, ce qui fera grimper votre classement Wikio et votre PageRank en flèche.
• Une immense boîte de 3 Kinder Surprise. Voire plusieurs si tu es convaincant.

Les modalités sont simples :

• Tu dois être inscrit à la soirée MixBlog. Ou bien tenter de t’y incruster. Ou bien être sous la Tour Eiffel le 20 Novembre.
• Tu dois commenter ci-dessous. Poil au cou. ( Ou bien : )
• Tu dois twitter ceci : @Darklg ! Je veux gagner des Kinder Surprise à la @MixBlog ! http://minu.me/-kinder-mixblog. Les RT étranges comptent aussi, tant que la phrase y est. Mais le twitt doit apparaître dans mes @Mentions

Le gagnant sera tiré au hasard avec Google Spreadsheets.

Et vu que je suis sympa, je donnerais un dollar par participant ( Nombre de commentaires valides + Nombre de Tweets valides et reçus ) à la campagne French Geeks For Water, organisée par le sieur POCarles. ( Vous pouvez donner de votre côté aussi, ça sert à ça )

Note : Si vous ne participez pas, je casse les oeufs Kinder. Après les avoir maltraités. Et volé les jouets.

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : Mixblog 3 – Gagne tes Kinder Surprise !
Partager cet article sur Twitter

Seth Godin, son auteur (dont j’ai chroniqué il y a peu Tribus) décrit dans ce livre l’idée de conception d’un produit différent, remarquable, plesbicité.

L’idée n’est pas nouvelle, mais l’auteur décrit les différentes variables et constantes nécessaires à un tel produit, au travers de multiples exemples tels que la société Krispy Kreme (dealer de beignets implanté aux U.S.) ou encore Starbucks.

On retrouve dans ce livre le côté commercial et fédérateur de communautés (abordé dans Tribus), ainsi que l’instinct du marketeur blasé qui souhaite encore pouvoir être surpris par un produit ou une publicité, qu’on sentait déjà dans « Permission Marketing » (une des précédentes -oeuvres- de Seth Godin)

Deux remarques sur la forme :
- Le livre ressemble à une compilation d’articles de blogs. Déroutant, mais l’idée suit son cours.
- La plupart des livres de Seth Godin ont une marge énorme entre le bord des pages et le texte. Pour prendre des notes ?

Pour les curieux qui penseraient à la vache Milka, sachez qu’il n’y a pas vraiment de rapport, si ce n’est une identité visuelle qui se distingue de la concurrence.

Pour conclure, une très bonne lecture, courte mais efficace et instructive. A relire au plus vite

En bonus, investissez 20 minutes pour jeter un oeil à sa conférence TED, qui reprend quelques exemples du livre, comme le pain tranché (Sliced Bread)

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : Seth Godin – La Vache Pourpre ( Purple Cow )
Partager cet article sur Twitter

Les exemples sont tirés de mon expérience, donc vous adapterez, hein ?

2 Minutes ? Maintenant !

La petite règle qui change tout : Si une tâche doit vous prendre moins de deux minutes à réaliser, faites la maintenant. 2 minutes, ce n’est rien, mais une dizaine de tâches du genre, c’est 20 minutes, sans compter les transitions. Donc jetez cette paperasse qui traîne maintenant, plutôt que de la léguer à futur-vous. – Voir la Formidable Méthode GTD

Définissez vos priorités de la journée … la veille.

Il est 18h30, l’heure de quitter le lieu de travail. Prenez deux minutes pour définir vos tâches prioritaires du lendemain. Vous démarrerez beaucoup plus vite le lendemain matin. Promis.

C’est une tâche énorme !

Forcément, « Monter un site d’agence immobilière », c’est une tâche énorme. Mais en la divisant en de plus petites tâches, c’est beaucoup plus simple de visualiser le travail à accomplir.

Encore plus simple ? Pour chaque tâche, définissez la première action nécessaire. Par exemple, la première action pour créer un cahier des charges, on attrape un stylo et un papier ( ou un programme équivalent ).

Un Pomodoro, des Pomodori

Un Pomodoro, c’est une tomate. Plus exactement, un minuteur en forme de tomate. Trouvez en un , définissez une tâche à accomplir, programmez le pour 20 minutes, et travaillez uniquement sur cette tâche pendant les 20 minutes. Driiiing ? On recommence.

Evidemment, ça marche parfaitement avec un compte à rebours quelconque, et pour des périodes plus courtes ou plus longues. – La Méthode Pomodoro [en]

Limiter les interruptions.

C’est impossible de limiter les interruptions indépendantes de votre volonté. Vous pouvez prévenir vos collègues et autres supérieurs, mettre des écouteurs, vous isoler pour travailler, il y aura toujours quelqu’un pour vous déranger.

Heureusement, vous pouvez supprimer quelques interruptions que VOUS provoquez :

• Désactivez le push, les notifications en temps réel et autres alertes de messenger. Toutes les demi-heures ( ou toutes les deux sessions pomodoro ), allez vérifier ce qui s’est passé.
• Vous devez utiliser un service web, mais vous avez peur d’être happé par une vague d’informations ? Utilisez un logiciel comme Mozilla Prism pour transformer ce service web en un logiciel de bureau. Et hop.

Non !

Apprenez à dire non. Accepter des délais / projets irréalistes, c’est beau, mais ça fait perdre du temps.

Combien vaut votre temps ?

Est-il vraiment nécessaire de faire une heure de voiture pour économiser 1 euro sur le prix d’un livre / logiciel / jeu ? Combien vous aurait rapporté cette heure si vous l’aviez consacré à votre travail, ou à votre famille ?

Automatisez, déléguez.

Vous écrivez souvent le même courrier ? Créez un modèle vide, et utilisez le pour les prochaines fois. Vous tapez souvent la même ligne de code, la même adresse mail, la même phrase ? Utilisez un raccourci clavier avec Texter ( Windows ) ou TextExpander ( Mac ).

Utilisez des outils de sauvegarde automatique comme Time Machine ( Mac ), ou Dropbox, qui synchronise un dossier de votre disque dur avec un espace web privé. Et hop, un souci en moins.

C’est sûrement une déformation de programmeur, mais pour moi, chaque fois que je fais manuellement une tâche qui pourrait être programmée, je perds mon temps.

Revoir, Revoir, Revoir.

Prévoyez une revue régulière de vos notes et listes de tâches. Par exemple, en arrivant le matin, après la pause midi, et avant de partir le soir ?

En Conclusion

Mes techniques ne sont pas parfaites, mais ce sont des pistes. Si vous me dépassez en efficacité, n’hésitez pas à partager les vôtres

Il y a énormément de sites sur lesquels j’ai appris ces techniques, mais le site LifeHacker [en] en partage très régulièrement. Donc on va dire que la source, c’est lui

Un article publié sur Darklg Blog © 2010
Lien vers l'article original : Mes techniques pour devenir plus productif.
Partager cet article sur Twitter