Eric Fischer a créé ce super album Flickr : See Something or Say Something. Cette série d’image montre une carte montrant la localisation à l’aide des géotags des images Flickr ainsi que des Tweets de part le monde.

Les points rouges indiquent la localisation d’une image Flickr. Les points bleus indiquent la localisation d’un tweet sur Twitter. Enfin les points blancs sont les lieux où il y a des infos sur les images et les tweets.

Via : Beautiful Maps of Geotagged Flickr Photos and Twitter Tweets

Je vous présente un nouveau site qui vous permettra de générer aléatoirement un avatar robotique pour vous représenter. Par défaut le site RoboHashcréé un robot en fonction de votre adresse IP, mais vous pouvez lui faire générer un autre avatar à partir d’une chaîne de caractère de votre choix.

Si vous le souhaitez vous pouvez générer un autre type d’avatar, ayant cette fois-ci une tête de monstre en ajoutant « ?set=set2″ à l’URL du site, ou bien d’autres robots en ajoutant « ?set=set3″. En attendant l’arrivée de nouveaux générateurs pour faire des aliens par exemple

Si vous souhaitez que toutes les requêtes non-www soit redirigé vers la version www de votre site web, il vous suffit d’ajouter le code suivant à votre fichier .htaccess :

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

Si vous avez des sous-domaines, il faudra modifier le code de cette façon pour qu’ils soient toujours accessible (dans mon cas ce sont les sous-domaines images et forum) :
RewriteEngine On
RewriteCond %{HTTP_HOST} !^(www|images|forum)\.
RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]

Ainsi toutes les requêtes de http://geek-lab.fr sont maintenant redirigés vers http://www.geek-lab.fr. Voici quelques-uns des avantages de faire cela :

• Eviter le contenu dupliqué dans Google
• Eviter de partager le PageRank entre les versions www et non-www de votre site web
• Plus joli et consistant

L’avantage du code ci-dessus c’est que vous pouvez l’utiliser pour n’importe quel site, puisque le nom de domaine n’est pas dedans.

Via : Redirecting non-www to www with .htaccess
Image via : Datacenter

YouTube vient de lancer une nouvelle expérimentation : Cosmic Panda. Dans cette expérimentation, Youtube teste un nouveau design beaucoup plus sombre que les précédents. Ainsi quand on s’abonne à l’expérimentation on observe des changements dans la présentation des vidéos, des chaînes ainsi que des playlists.

Ainsi pour les vidéos, elles sont maintenant lues avec un fond noir, ce qui est beaucoup plus reposant pour les yeux. D’autre part on peut changer rapidement la taille de la vidéo.

Au niveau des chaînes de vidéos, on observe que l’en-tête est bien plus travaillé que précédemment. D’autre part lorsque l’on arrive sur une chaîne il n’y a plus de vidéo lancée automatiquement.

Pareil pour les playlist pas de changement fondamental, juste la possibilité de changer facilement la taille des vidéos.

Au final cette mise à niveau graphique de Youtube est vraiment très agréable, le fait d’utiliser un fond noir pour la lecture des vidéos est un vrai plus ; et d’autre part cela permet de rester à Youtube dans la tendance web avec un design plus épuré. En espérant que cela ne reste pas à l’état d’expérimentation et que cela soit bien repris ensuite dans les prochaines mises à jour de Youtube.

Via : YouTube Tests New Design For Playlists, Videos & Channels

Les changements de numéro de version s’enchaîne pour Firefox. En effet aujourd’hui, la version 7 vient d’arriver dans le canal Aurora, tandis que la version 6 passe en beta.

Voici les nouveautés qui sont présente dans cette version:

• Temps de démarrage amélioré sur les différentes plateformes (Windows / Mac / Linux)
• Utilisation optimisée de la mémoire : pour une majorité d’utilisateurs une réduction de 30% de la consomation de mémoire est annoncée
• Firefox Sync : les marques-pages et les mots de passes sont synchronisée instantanément
• Amélioration du rendu des polices
• Télémétrie : les utilisateurs peuvent choisir de faire partager avec les développeurs utilisation par Firefox de la mémoire, afin d’améliorer sa gestion pour les prochaines versions.

Via : New Firefox Aurora is Ready for Download and Testing

Vous pouvez commencer à faire votre deuil des noms Picasa et Blogger, en effet Google compte bien mettre fin à ces marques et à les renommer en tant que service Google. Ainsi Picasa deviendrait « Google Photos », tandis que Blogger deviendrait « Google Blogs ».

En effet Google essaye d’unifier ses différents services depuis le lancement de son service de réseau social Google+. Ce n’est pas la première fois que Google renomme des services qu’il avait précédemment acheté tel que Google Voice (précédemment GrandCentral), Google Sites (Jotspot) ou encore Google Analytics (Urchin on Demand) ; mais il ne l’avait encore jamais fait sur des services ayant autant d’utilisateurs, Blogger étant dans le top 10 des sites les plus visités au monde.

Le fait d’intégrer Blogger et Picasa à Google+ semble tout à fait pertinent, tant le fait de partager ses photos avec son groupes d’amis ou bien de partager ses billets avec ses connaissances sont de nature sociale par essence.

Via :Google To Retire Blogger & Picasa Brands in Google+ Push

Dans cet article je vais vous présenter les différents raccourcis clavier que l’on peut utiliser avec Firefox. On se concentrera sur la version Windows de Firefox, vous pourrez trouver les raccourcis de Firefox pour Linux ou Mac dans les articles dédiés.

Ces raccourcis vous permettront d’améliorer votre expérience utilisateur quand vous naviguerez en ayant rapidement accès à toutes les fonctionnalités du navigateur.

Navigation

Page précédente : [Alt] + [Flèche gauche] ou [Retour arrière]
Page suivante : [Alt] + [Flèche droite] ou [Maj] + [Retour arrière]
Page d’accueil : [Alt]+Début
Ouvrir un fichier : [Ctrl] + [O]
Actualiser : F5] ou [Ctrl] + [R]
Actualiser (rafraichit le cache) : [Ctrl] + [F5] ou [Ctrl] + [Maj] + [R]
Arrêter : [Échap]

Page courante

Aller en bas de la page : [Fin]
Aller en haut de la page : [Début]
Sélectionner le cadre précédent : [F6]
Sélectionner le cadre suivant : [Maj]+F6]
Code source de la page : [Ctrl]+ [U]
Imprimer : [Ctrl] + [P]
Enregistrer sous : [Ctrl] + [S]
Zoom avant : [Ctrl] + [+]
Zoom arrière : [Ctrl] + [-]
Zoom normal : [Ctrl] + [0]

Édition

Copier : [Ctrl] + [C]
Coller : [Ctrl] + [V]
Couper : [Ctrl] + [X
Supprimer : [Suppr]
Rétablir : [Ctrl] + [Y]
Tout sélectionner : [Ctrl] + [A]
Annuler : [Ctrl] + [Z]

Recherche

Rechercher : [Ctrl] + [F]
Rechercher le suivant : [F3] ou [Ctrl] + [G]
Rechercher le précédent : [Maj] + [F3] ou [Ctrl] + [Maj] + [G]
Recherche à la saisie d’un lien : [']
Recherche à la saisie d’un texte : [/]
Barre de recherche : [Ctrl] + [K] ou [Ctrl] + [E]

Fenêtres et onglets

Fermer l’onglet : [Ctrl] + [W] ou [Ctrl] + [F4
Fermer la fenêtre : [Ctrl] + [Maj] + [W] ou [Alt] + [F4
Déplacer la mise au point de l'onglet vers la gauche : [Ctrl] + [Flèche gauche] ou [Ctrl] + [Flèche haut]
Déplacer la mise au point de l’onglet vers la droite : [Ctrl] + [Flèche droite] ou [Ctrl] + [Flèche bas]
Déplacer la mise au point de l’onglet vers le début : [Ctrl] + [Début]
Déplacer la mise au point de l’onglet vers la fin : [Ctrl] + [Fin]
Nouvel onglet : [Ctrl] + [T]
Nouvelle fenêtre : [Ctrl] + [N]
Onglet suivant : [Ctrl]+Tab] ou [Ctrl]+ [PgSuiv]
Ouvrir l’adresse dans un nouvel onglet : [Alt] + [Entrée] à partir de la barre d’adresse ou de la barre de recherche
Onglet précédent : [Ctrl] + [Maj] + [Tab] ou [Ctrl] + [PgPréc]
Restaurer un onglet fermé récemment : [Ctrl] + [Maj] + [T]
Sélectionner un onglet (de 1 à  : [Ctrl] + (1 à
Sélectionner le dernier onglet : [Ctrl] + [9]
Vue groupes d’onglets : [Ctrl] + [Maj] + [E]

Historique

Panneau latéral de l’historique : [Ctrl] + [H]
Fenêtre « Bibliothèque » (historique) : [Ctrl] + [Maj] + [H]

Marque-pages

Marquer tous les onglets : [Ctrl] + [Maj]+ [D]
Marquer cette page : [Ctrl] + [D]
Panneau latéral des marque-pages : [Ctrl] + [B] ou [Ctrl] + [I]
Fenêtre « Bibliothèque » (marque-pages) : [Ctrl] + [Maj] + [B]

Outils

Téléchargements : [Ctrl] + [J]
Modules complémentaires : [Ctrl] + [Maj] + [A]
Console d’erreurs : [Ctrl] + [Maj] + [J]
Console Web : [Ctrl] + [Maj] + [K]
Commencer la navigation privée : [Ctrl] + [Maj] + [P]
Supprimer l’historique récent : [Ctrl] + [Maj] + [Suppr]

Divers

Compléter une adresse en .com : [Ctrl] + [Entrée]
Compléter une adresse en .net : [Maj] + [Entrée]
Compléter une adresse en .org : [Ctrl] + [Maj] + [Entrée]
Supprimer l’entrée auto-complétée sélectionnée : [Suppr]
Plein écran : [F11]
Barre de menus (si masquée) : [Alt] ou [F10]
Afficher/masquer la barre des modules : [Ctrl] + [/]
Navigation au curseur : [F7]
Sélectionner la barre d’adresse : [Alt] + [D] ou [F6] ou [Ctrl] + [L]
Sélectionner ou gérer les moteurs de recherche : [Alt] + [Flèche haut] ou [Alt] + [Flèche bas] ou [F4] lorsque la mise au point est sur la barre de recherche

Raccourcis multimédia (vidéos Ogg et WebM seulement)

Lecture / Pause : [Espac​e]
Diminuer le volume : [Flèche bas]
Augmenter le volu​me : [Flèche haut]
Couper le son : [Ctrl] + [Flèche bas]
Remettre le son : [Ctrl] + [Flèche haut]
Revenir 15 secondes en arrière : [Flèche gauche]
Revenir en arrière de 10% : [Ctrl] + [Flèche gauche]
Avancer de 15 secondes : [Flèche droite]
Avancer de 10% : [Ctrl] + [Flèche droite]
Revenir au début : [Début]
Avancer jusqu’à la fin : [Fin]

Via : Keyboard shortcuts

Image via : Red Panda

Dernièrement, j’ai été confronté à un problème relativement embêtant sur WordPress. En effet, quelques-uns de mes plugins ne voulait pas se mettre à jour. La faute à PHP. Depuis la version 2.8 du célèbre CMS, le PHP 5 est de mise. Cependant, WordPress n’en a pas forcement besoin pour fonctionner. La preuve, j’ai été en PHP 4 en version 2.9.

Les plugins WP-Useronline et WP-pagenavi ne voulait plus se mettre à jour me renvoyant vers une belle erreur bien pourrie comme sais si bien le faire WordPress avec les extensions. J’ai demandé au service technique d’ OVH et ils m’ont répondu que le passage à PHP 5 pouvait être automatique sur certains forfaits. Mais pas sur le forfait Pro. Voici donc la procédure pour passer à PHP 5 sur un serveur OVH.

Normalement, vous devez avec un [.htaccess] à la racine de votre serveur. Ce fichier est soit créé par WordPress pour la mise à jour des permaliens. Ou il est là, car OVH l’a placé pour diverses raisons.

- Allez chercher votre [.htaccess] à la racine de votre serveur.
- Ouvrez-le avec notepad++ par exemple.
- A la fin de votre fichier après le [# END WordPress]
- Placez ça:

1
2

 
SetEnv PHP_VER 5

- Enregistrez votre [.htaccess].
- Remettez-le sur votre serveur et actualiser votre page.

Comme vous pouvez le voir c’est relativement simple. Mais ça change beaucoup de chose.
Sur ce, vous pouvez retourner à votre code du moment, il n’y a plus rien à lire .

Lorsque l’on veut apprendre, internet est une source d’information inépuisable. Les tutos fleurissent et se cueillent comme des petits pains . Mais le problème est surtout relatif à la qualité des tutos. En effet, si on trouve un tuto intéressant, il est pas rare de devoir en chercher un autre dû à sa piètre qualité. Voici, donc un petit guide sans prétention, qui pourra vous donnez quelques pistes pour faire des bons tutos.

Définissez les mot compliqués

Un des plus gros problème des tutoriels, c’est le vocabulaire. Vos visiteurs n’ont pas forcement vos connaissances. Et justement, ils sont là pour apprendre. Commencer par définir les mots compliqués et de les expliquer. Le but n’est pas de faire un dico, mais de donner une idée ou un concept de ce que vous voulez aborder. Ne faites pas une liste de mot avec leurs définitions à côté. Une petite parenthèse après le mot peut suffire. Car si vous ne définissez rien, vos lecteurs ne comprendront pas le reste du tutoriel. Ils vont s’énerver et fermé la fenêtre. Le but est de fidéliser le lecteur. Et donc, de l’aider dans sa démarche de compréhension. C’est un premier pas vers la pédagogie

Utiliser des captures d’écrans (screenshot)

L’une des forces des tutoriels sur Internet, c’est la possibilité de mettre des images. Un tutoriel sans image, c’est comme du pain sans du beurre un cours sans exemple. Si vos lecteurs ne peuvent pas voir ce qu’il doivent obtenir et comprendre vos dires par un recherche visuelle d’information, ils ne peuvent pas comprendre. Car sans appui « physique », ils ne peuvent pas deviner si ce qu’ils ont à l’écran est bon. Pour faire des screenshot de manière simple (j’en profite pour illustrer mon propos du dessus sur la définissions des mots :p), vous pouvez utiliser l’excellent Captimag. Ce logiciel portable permet de prendre un screen de votre écran ou d’un zone définie avec la souris.

Vous pouvez le télécharger, Cliquer ICI. Ou rendez-vous sur le site de l’éditeur: http://captilude.free.fr/

Aérer votre texte et trouver un style de paragraphe

Un texte non aérer, ou sur lui-même n’est pas un bon texte. Si vous voulez être lu, il faut que vous donniez envie d’être lu (ça parait simple,  mais c’est un concept important). Un lecteur partira tout de suite de votre blog même si le tuto l’intéresse si le texte n’est pas structuré. Faites par étape ou mettez en gras les transition et les titres. Le but de la manœuvre, c’est que le lecteur s’y retrouve. Le must serait d’associer au titre, une image.  Comme ça, le lecteur associera une image à une partie du tuto. Et pourra donc, s’y retrouver plus facilement si le lecteur veut reprendre le tuto dans quelques temps.

Pour le style de paragraphe, je disais d’utiliser  des étapes. Il aussi important d’appuyer l’explication sur les manipulations au niveau des logiciels ou de l’interface. Donc, vous pouvez mettre le nom des boutons en gras et entre crochet []. Bref, mettre les manipulations dans un style écrit différent que celui de d’habitude.

Conclure

La conclusion est facultative, mais donnera toujours un aperçu bref de ce qui a été fait. Mais le principal avantage est de donner un aperçu de ce que doit avoir le lecteur à la fin du tuto.

Voici, donc quelques conseils pour vos tutos. Vous pouvez avoir d’autres idées et systèmes pour  faire vos tutos. Dans ce cas, n’hésitez pas à les faire partager

Nous voici au dernier jour des promotions sur Steam. Ce sont les meilleurs ventes de cette série de promotion qui sont de nouveau en promo.

Voici donc les promos pour ce dernier jour:

• Defense Grid: The Awakening à 2,25 €
• S.T.A.L.K.E.R.: Shadow of Chernobyl à 2 €
• Torchlight à 3,99 €
• BioShock à  4,99 €
• Left 4 Dead 2 à 33,49 €
• Killing Floor à 4,49 €
• Grand Theft Auto IV à 7,49 €

Perso, je me suis pris GTA IV