wOueb by Romain DECKER / Another IT Guy Blog

Trois…oui, trois, c’est le nombre de fois que d’autres sites/blogs ont utilisé des images originales tirées de wOueb 2.0 au cours du dernier mois : le problème, c’est qu’ils les ont liées directement, et moi j’aime pas ça (non, non, je ne suis pas maniaque !).

Une protection grâce à un fichier .htaccess permet de combattre ce « squattage sauvage« .

Première solution : bloquer tous les accès aux images qui sont directement intégrés à d’autres sites.

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?woueb.net/.*$ [NC]
RewriteRule \.(gif|jpg|jpeg|png)$ – [F]

Pour ceux qui n’ont pas fait de « Bac, option fichiers .htaccess » : pour tous les fichiers images du site www.woueb.net (et/ou woueb.net sans le www), bloquer l’accès depuis les autres sites.

Autre solution, plus sadique :?????? vous pouvez remplacer n’importe quel média par un fichier de votre choix !
La syntaxe est la même, sauf pour la dernière directive qui remplace l’image par une autre, plutôt d’en bloquer l’accès.

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?woueb.net/.*$ [NC]
RewriteRule \.(gif|jpg|jpeg|png)$ http://www.woueb.net/images/logo_woueb.gif [R,L]

Voili !

Pour vos développements ou vos maquettes, il est parfois judicieux, voire nécessaire, d’avoir une instance de WordPress installée sur une clé USB.

Ce tutoriel vient d’un besoin personnel de pouvoir travailler sur le design de mon blog en mode déconnecté.

Bien entendu, il est également possible d’utiliser cet article pour installer d’autres applications Apache/MySQL sur une clé USB.

Note : ce tutoriel ne concerne que Windows, même s’il existe des solutions similaires pour Linux, et Mac OS X.

(suite…)

Ma fonction actuelle inclut (entre autre) l’administration et la gestion de plusieurs serveurs de bases de données : MySQL, PostgreSQL, et MS SQL. Pour assurer une gestion efficace et rapide de tâches récurrentes, il existe plusieurs moyens pour s’affranchir de l’administration en ligne de commande.

Je vais présenter dans ce billet 4 outils graphiques, vous permettant de gérer et de monitorer vos instances MySQL.

(suite…)

Application en ligne assez austère, SQL Designer est malgré tout un modèle d’ergonomie : elle vous permet de créer visuellement vos modèles de données dans votre navigateur.

Au menu des réjouissances :

• import de modèles existants (au format XML),
• export pour différents type de SGBD (MS SQL, PostgreSQL, Oracle, MySQL),
• manipulation des tables (création, édition, liaison, déplacement, etc.) par simple drag and drop,
• format imprimable,
• etc.

Vous pouvez tester et utiliser l’application en ligne, mais SQL Designer a pour vocation de s’installer sur votre propre serveur. En effet, il est possible de télécharger le code et de l’installer sur n’importe quel hébergement qui supporte le PHP.

Voici quelques nouveautés intéressantes sur le service de stockage en ligne d’Amazon, j’ai nommé Amazon S3.

Introduction des Service Level Agreement

Je déplorais l’absence de SLA dans mon article descriptif du service : à peine mon article publié, Amazon annonçait l’arrivée des SLA.

SLA, ou Service Level Agreement, est la définition contractuelle d’une qualité de service entre un fournisseur (ici Amazon) et un client (vous).

Les modalités sont assez complexes, je vous laisse les détailler vous-mêmes.

Possibilité de stockage en Europe

Le fait qu’Amazon ne disposait pas d’infrastructure d’hébergement sur notre continent soulevait deux problèmes :

• la confidentialité des données : en effet, par définition les données stockées aux USA répondent aux lois américaines,
• des temps de latence importants (à ne pas confondre avec la bande passante).

Depuis le début du mois, Amazon S3 offre la possibilité de choisir une localisation pour le stockage de vos données : aux États-Unis, ou en Europe.

L’impact économique est de 0,3 $ par Go stocké, ce qui n’est pas négligeable : cela représente une différence de 20 % par rapport à une localisation aux USA.

Ce rapprochement du vieux continent par Amazon est très prometteur, surtout dans un contexte de pénurie en terme de place dans les datacenters en Europe, et plus particulièrement en France.

Concours pour les Startups

Ayant pour but de découvrir des startups prometteuses, Amazon a organisé un concours qui récompensera les meilleures idées bâties autour des services web d’Amazon (S3, EC2, etc.).

Le gagnant se verra octroyer 100 000 $ en cash, ainsi qu’un investissement dans un projet par les fonds d’Amazon.

Note : cette info n’est pas toute fraîche (octobre), les inscriptions sont maintenant closes.

A venir

Amazon a annoncé qu’il sera bientôt possible de payer en euros, ainsi que la création de supports localisés.

Personnellement ça ne me dérange pas le moins du monde de payer en dollars avec le cours du change actuel !

Certains le savent déjà mais je suis en train de travailler sur le thème définitif de ce blog : celui-ci n’est qu’un thème intermédiaire.

Je vais présenter les quatre extensions Firefox dont je ne pourrais me passer pour la création de ce thème.

Mon « color picker » : ColorZilla

ColorZilla est une extension permettant d’utiliser une pipette pour récupérer un code couleur sur une page quelconque.

Mesurez vos éléments avec MeasureIt

Vous devez mesurer un écart, ou tout simplement la taille d’un blog sur une page ?

Dans ce cas, MeasureIt est fait pour vous !

Firebug

Firebug est une extension permettant d’analyser le source des pages (HTML, CSS, Javascript), de débugguer le code, et de le modifier en live pour voir l’impact en ligne.

Note : YSlow for Firebug (trouvé chez Henri) est un module supplémentaire pour Firebug.

Se présentant sous la forme d’un nouvel onglet, elle permet de noter votre site en fonction de règles de performances (définies par Yahoo!) et de vous donner une note de A à F.

Mon score actuel est très mauvais (voir ci-dessous), mais la prochaine version du blog aura une bien meilleure note !

L’extension qui transforme Firefox en couteau suisse, la Web Developper Bar

The last but not the least, l’extension que j’utilise quotidiennement, j’ai nommé la barre d’outils Web Developper.

Des informations sur les cookies ou formulaires, à la validation, en passant par les possibilités d’encadrement (entourer les éléments HTML d’une couleur), c’est vraiment l’extension à installer si vous faites du développement.

Note : des versions traduites en 20 langues existent sur le site du créateur.

Vous avez d’autres extensions de ce type à me proposer ?