Le client FTP FileZilla ne cèsse de s'améliorer au fil du temps. Il est possible depuis la version 3 de gérer des filtres permettant d'éviter de transférer (et d'affichier) un fichier ou un dossier.

Ces filtres sont très pratiques si vous souhaitez éviter de transférer par exemple les fichier .svn d'un de vos dépots ou encore les fameux fichiers thumbs.db de Windows.

La procédure pour les activer est très simple :


Ensuitre la fenêtre suivante s'ouvre. Il vous suffit de cocher comme moi les deux premières options :


La première permet de filtrer les dossiers des dépots SVN et la seconde le fichiers thumbs.db de windows ! Pensez bien à cocher des deux cotés (Local et Distant)

Sms Pas Cher vous permet d'envoyer des sms depuis votre navigateur ou directement depuis votre ordinateur grâce à un logiciel simple d'utilisation.

Comment ça marche ?
Chaque jour, lors de votre connexion au site vous gagnez un crédit sur votre compte. Vous pouvez très bien envoyer directement un texto ou revenir le lendemain pour accumuler les crédits.

Ces crédits vous permettent donc d'envoyer des sms soit depuis le site internet ou depuis le logiciel (sans installation) disponible gratuitement sur le site. Vous pouvez aussi utiliser l'api pour envoyer des sms depuis vos sites internet.

Les fonctionnalités
Le site propose de nombreuses fonctionnalités parmi les suivantes :
- Gestion des contacts et des groupes
- Historique des sms avec statuts
- Possibilité de modifier l'expéditeur des messages
- Envoie des sms dans le monde
- Listing des messages reçus
- Gagner des crédits grâce au programme d'affiliation ou grâce à des campagnes

Vous pouvez très bien utiliser le site sans débourser un centime, si vous souhaitez envoyer plus de textos, il est aussi possible d'en acheter à des prix à partir 0.08€ le sms !

Lien : Sms Pas Cher

Voici une astuce bien pratique permettant de retrouver un programme qui peux par exemple vous déranger et donc vous permettre de le killer.

Dans mon cas j'ai souhaité savoir quel programme écoutait sur le port 80 (http) de mon ordinateur.

Sous Windows

Pour ouvrir l'invite de commande cliquez sur démarer puis exécuter (ou directement dans le champ texte) puis entrez "cmd" dans la fenêtre qui s'est ouverte.

Vous validez, la fenêtre se ferme et une autre s'ouvre à vous !

Dans cette console, vous devez écrire les deux commandes suivantes permettant de récupérer la liste des connexions actives et ensuite de filtrer avec le port que vous recherchez.

# Remplacez ":80" par le port que vous souhaitez rechercher
netstat -ano | find ":80"

Vous pouvez ensuite apercevoir le résultat de votre commande.

Une petite explication des colonnes :
1 - Le type de connexions (TCP ou UDP)
2 - Adresse / Port locale de connexion
3 - Adresse / Port distante
4 - L'état de la connexion
5 - Le numéro du processus correspondant

Pour savoir si un port est à l'écoute il suffit de regarder dans la quatrième colonne si l'état est "LISTENING". Par exemple dans la capture d'écran les ports 80 et 8002 sont à l'écoute.

Il suffit ensuite de récupérer le numéro du processus et de regarder dans le "tasklist".

# N'oubliez pas de remplacer le numéro de votre processus
tasklist | find "3952"

Vous pouvez désormais récupérer le nom du processus ("httpd.exe" correspondant à apache dans l'exemple) dans la première colonne du résultat.

Sous Linux

Sous linux c'est toujours avec la commande netstat seulement c'est beaucoup plus simple car le résultat de cette commande est plus complet.

Pour récupérer la liste des ports et programmes qui écoute il vous suffit simplement d'utiliser cette commande :

# Remplacez :www par votre protocole ou le port souhaité
netstat -lpt | grep LISTEN | grep :www

Et dans la dernière colonne on remarque que c'est apache2 qui écoute sur le port 80.

En espérant vous avoir été utile !

Le timestamp aussi appelé heure Unix ou encore heure Posix correspond aux nombres de secondes écoulées depuis le 1er janvier 1970 00:00:00 UTC.

C'est une valeur courament utilisée dans le développement de site internet car elle permet de manier très facilement les dates. Par exemple une simple soustraction permet de récupérer une différence entre deux dates.

Cependant le timestamp présente un gros inconvéniant : sont format n'est pas parlant pour un être humain ! Par exemple savez-vous à quel date correspond le timestamp "1262300400" ? Simplement au 1er Janvier 2010 à 00 heures 00 minutes et 00 secondes.

J'ai donc dans un premier temps pour ma propre utilisation puis ensuite pour tous les développeurs décidé de créer un "mini-site" permettant de manipuler simplement ce format.

TimeStamp.Pro vous offre donc la possibilitée de convertir un timestamp en date et inversement, faire une différence entre deux timestamp mais aussi de mettre en place un widjet sur votre navigateur préféré (Firefox) permettant de convertir les dates et timestamp directement depuis les sites internet que vous développez/visitez !

Visiter : TimeStamp.Pro

Il m'est arrivé dans certains projet d'avoir de nombreux paramètres dans les adresse. Rien de bien compliqué dans un premiet temps, sauf lorsque l'on souhaite ré-écrire une URL avec plus de 9 paramètres.

Explication

Pour faire simple, rien de mieux qu'un exemple !

RewriteEngine on
 
# Exemple 1
# Url test : informations-1-p-2-q-3-r-4-s-5-t-6-u-8-v-9-w-10.html
RewriteRule ^informations-([0-9]*)-p-([0-9]*)-q-([0-9]*)-r-([0-9]*)-s-([0-9]*)-t-([0-9]*)-u-([0-9]*)-v-([0-9]*)-w-([0-9]*)-x-([0-9]*).html$ informations.php?id=$1&p=$2&q=$3&r=$4&s=$5&t=$6&u=$7&v=$8&w=$9&x=$10 [L]
 
# Exemple 2
# Url test : informations-1-p-2-t-6.html
RewriteRule ^informations-([0-9]*)(-p-[0-9]*)?(-q-([0-9]*))?(-r-([0-9]*))?(-s-([0-9]*))?(-t-([0-9]*)).html$ informations.php?id=$1&p=$3&q=$5&r=$7&s=$9&t=$11 [L]

Exemple 1
Dans cet exemple, notre adresse devra contenir tous les paramètres soit un total de 10 paramètres / variables.

Exemple 2
Pour le second exemple, il y a un paramètre obligatoire ainsi que cinq paramètres facultatifs. Donc 11 variables.

Jusque là il n'y a aucun problèmes. Seulement si vous testez ces ré-écritures vous remarquez un problème pour les paramètres supérieurs à 10.
En effet le second chiffre de la variable n'est pas pris en compte. Donc $10 correspond à $1.

Malhreusement pour le permier exemple je n'ai trouvé aucune solution... On est bien limité à 9 paramètres.
Mais pour le second exemple il existe un moyen de remédier au problème.

Solution

La solution consiste à indiquer qu'on ne souhaite pas récupérer la variable. Pour celà il suffit d'ajouter ?: après les parenthèse limitant la variable.

Voici ce que ça donnerais pour notre second exemple.

# Exemple 2
# Url test : informations-1-p-2-t-6.html
RewriteRule ^informations-([0-9]*)(?:-p-[0-9]*)?(?:-q-([0-9]*))?(?:-r-([0-9]*))?(?:-s-([0-9]*))?(?:-t-([0-9]*)).html$ informations.php?id=$1&p=$2&q=$3&r=$4&s=$5&t=$6 [L]

En espérant avoir résolu vos problèmes !

Piwik est un projet très intéressant qui vous permet d'installer sur votre hébergement un "Google Analytics Like".
L'avantage c'est que l'on conserve la main sur ses statistiques évitant ainsi qu'elle soit utilisé contre notre gré...

Le service est donc à installer sur votre hébergement et nécessite Php ainsi que Mysql. Une fois installé vous avez évidement la possibilité d'ajouter autant de sites et d'utilisateur que vous le souhaitez.

De nombreuses mises à jour sont effectués et apportent à chaques fois d'importantes améliorations. L'interface permet d'accèder à toutes les options que l'on souhaite et celà le plus rapidement possible.



Vous pouvez aussi installer des plugins permettant par exemple de calculer un gain en fonction du nombre de clics sur une page. Au niveau du tracker (càd ce qui permet d'enregistrer les visites de vos sites) vous pouvez mettre en place un code javascript sur vos pages, une image (moins d'informations disponible) ou encore utiliser l'API permettant de le faire via Php.

Toujours grâce à l'API vous pouvez afficher en Live et sur votre site les statistiques de votre choix !


Depuis peu il est aussi possible d'accèder à ses statistiques depuis son mobile grâce à une application disponible sous Android et Iphone !


Plus d'informations et téléchargement sur Piwik et la Zone développeurs.

Vous n'êtes pas sans savoir que google propose de nombreuses options lors de la recherche permettant par exemple d'inclure ou d'exclure des mots clés, préciser des types de fichiers et bien plus encore.

Je vous propose une ligne simple vous permettant d'avoir la possibilité de télécharger gratuitement et illégalement du contenu sur google.

"Votre Recherche" intitle:"Index Of/" -inurl:".php"

Notez que le principe fonctionne très bien avec de la musique mais peux aussi être utilisé pour des vidéos.

Exemple :
"Daft Punk" intitle:"Index Of/" -inurl:".php"
Certains résultats sembles intéressants !


Bonne recherches !

J'utilise Subversion alias svn depuis pas mal de temps afin de centraliser les sources d'un projet avec un autre développeur. Le projet étant "fermé" j'avais simplement mis en place une sécurisation par mot de passe.

Aujourd'hui j'avais envie d'y installer d'autres sources (sur un autre projet) sans que l'autre développeur ait accès à ces données. Et c'est la que ça se complique, mettre en place des permissions utilisateurs par projets et non pour le dépôt complet.

Je vais donc vous décrire la marche à suivre pour mettre en place ces permissions en partant du principe que subversion et apache sont déjà installés et configurés sur votre serveur ainsi que les dépôts crées !

Pour l'exemple, mon domaine est "domaine.ext", mes deux projets "projet1" dans "/home/svn/projet1" et "projet2" dans "/home/svn/projet2" ainsi que mes utilisateurs "utilisateur1", "utilisateur2" et "utilisateur3".

Voici les étapes pour mettre en place les permissions :
- Créer les utilisateurs
- Créer le fichier des permissions
- Configuration des projets
- Configuration du VirtualHost sous Apache

Création des utilisateurs

Nous allons créer un fichier "passwd" dans notre dossier svn dans lequel sera enregistré les utilisateurs ainsi que les mots de passes cryptés. Voici la marche à suivre :

# On se déplace dans le dossier
cd /home/svn
 
# Lors de l'ajout du premier utilisateur on utilise l'argument "c" pour "create"
# Le "m" permet lui de crypter le mot de passe
# "passwd" correspond à notre fichier et "utilisateur1"... notre premier utilisateur !
# Le mot de passe vous est ensuite demandé ainsi qu'une vérification
htpasswd -mc passwd utilisateur1
 
# Ajout du second utilisateur
htpasswd -m passwd utilisateur2
 
# Vous avez compris la démarche :)

On pense à modifier les permissions du fichier :

# Utilisateur / Groupe
chown subversion:www-data passwd
chmod 660 passwd

Nos utilisateurs sont désormais prêts ! On passe ensuite aux permissions !

Les permissions des utilisateurs

Le fichier contenant les permissions est commun à tous les dépôts. Voici le détail du fichier et des possibilités.

# Fichier des permissions
 
# Les groupes permettant de regrouper les utilisateurs par "paquets".
[groups]
groupe1 = utilisateur1, utilisateur3
# Syntaxe : nom_du_groupe = utilisateur, utilisateur
 
# Permissions de tous les dépôts
[/]
* =
# La syntaxe "* =" permet d'interdire l'accès à tout le monde.
# Je vous conseille de faire de même si vous ne souhaitez pas laisser
# votre dépôt en libre accès.
 
# Mon premier projet
[projet1:/]
* = # On interdit à tout le monde pour commencer...
utilisateur1 = r # utilisateur1 pourra consulter le dépôt
utilisateur2 = rw # utilisateur2 pourra lire ET écrire
# utilisateur3 ne pourra pas le consulter
 
[projet1:/trunk/sources/]
utilisateur3 = r
# utilisateur 3 aura accès en lecture au dossier "/trunk/sources" de mon premier projet
 
# Mon second projet
[projet2:/]
* = # On interdit à tout le monde pour commencer...
@groupe1 = r # Syntaxe permettant d'utiliser les groupes.
# Mes utilisateurs 1 et 3 pourrons donc lire ce dépôt !
# N'oubliez pas le "@" lorsque vous faites référence à un groupe !
utilisateur2 = rw # Autorisations en lecture ET écriture pour l'utilisateur2

Enregistrez votre fichier nommé "authz" avec vos permissions à la racine de votre dépôt. (Dans "/home/svn/authz" dans mon exemple)

La encore il faut modifier les permissions du fichier :

# Utilisateur / Groupe
chown subversion:www-data authz
chmod 660 authz

La partie des autorisations est désormais complète, on va rapidement configuré les dépôts.

Configuration des projets

Les utilisateurs et permissions sont désormais gérés dans nos deux fichiers, on peux donc désactiver cette option au niveau de la configuration des projets.

Cette étape est à répéter pour tous vos projets !

Ouvrez le fichier "/home/svn/projet1/conf/svnserve.conf" et vérifiez la valeurs des paramètres

# On édite nos fichiers
vi /home/svn/projet1/conf/svnserve.conf
# En encore "nano" qui est plus facile d'utilisation :)
nano /home/svn/projet1/conf/svnserve.conf

Voici la valeurs correctes :

[general]
anon-access = none # Pas d'accès sans accès :)
auth-access = write 
# password-db = passwd # Ligne à commenter !
# authz-db = authz # Ligne à commenter !
realm = Projet1 Repository # Titre du dépot
[sasl]
# use-sasl = true # Options à dé-commenter si vous utilisez "ssl"

Cette partie est terminée, il ne nous reste plus qu'a configurer apache pour prendre en compte les utilisateurs et les permissions !

Configuration du VirtualHost

Vous n'avez pas eu le choix que de mettre en place un virtualhost pour votre svn.

J'ai placé la directive dans le fichier /etc/apache2/sites-enabled/default, libre à vous de le mettre dans le fichier de votre choix.

Voici la description de ma directive :

# Accès par ip/svn
<Location /svn>
DAV svn # Il s'agit d'un dépôt svn
SVNParentPath /home/svn # Adresse parent des dépots
AuthType Basic # Authentification de base
AuthName "Mon dépôt persos" # Titre des dépots (obligatoire) 
AuthUserFile /home/svn/passwd # Fichier des utilisateurs
AuthzSVNAccessFile /home/svn/authz # Fichier des permissions
Require valid-user # On souhaite que les utilisateurs soit authentifier
SVNListParentPath On # On utilise plusieurs dépôts
</Location>

Pour terminer le tout on redémarre apache !

# Redémarrage de apache
/etc/init.d/apache2 restart
# Et tout devrait désormais rouler !

En espérant avoir détaillé le plus possible les étapes de la mise en place ! N'hésitez pas à poser des questions à la suite !

Il se peux suite à l'installation d'un nouveau logiciel ou à une restauration de Windows que lors du démarrage de ce dernier s'affiche une fenêtre de vos documents.

Malgré le fait que ça ne pause aucun soucis et qu'il suffit de la fermer autant faire en sorte qu'elle ne s'affiche plus sachant que ça ne vous prendra que cinq minutes !

Pour corriger ce soucis il faut modifier une clé au niveau de la base de registre. Faites attention aux manipulations que vous effectuez et au cas ou vous pouvez exporter la base avant d'effectuer tout changement. (Fichier > Exporter)

Voici la manipulation à effectuer :

- Cliquez sur démarrer puis exécuter
- Dans la fenêtre ouverte entrez "regedit" puis validez.
- Suivez l'arborescence suivante :
  - HKEY_LOCAL_MACHINE
   - SOFTWARE
    - Microsoft
     - Windows NT
      - CurrentVersion
       - Winlogon
- Faites ensuite un clic droit sur la clé "Userinit" puis Modifier.
- Une nouvelle fenêtre s'ouvre avec deux champs. Remplacez le contenu du second champ (le premier n'est normalement pas modifiable) par ceci : "C:\WINDOWS\system32\userinit.exe,"


- Cliquez ensuite sur Ok et redémarrez votre ordinateur.

Si les modifications ont bien été apportés, le dossier de vos document ne devrait pas se ré-ouvrir lors de votre redémarrage.

Voici une fonction vous permettant d'appliquer un masque de transparences sur vos images en php.
Cette manipulation peux vous permettre ensuite d'afficher vos images sur votre site.

Notez que le système est lourd car il "scan" tous les pixels du calque et de l'images.
Vous pouvez tester le système avec vos images à cette adresse.

Concernant la création des masques il vous faudra un logiciel capable d'utiliser la transparence. (Dehors paint !)
La fonction conserve les zones transparences et rend transparent les zones opaques blanches.

Voici les masques utilisés sur mon espace de développement :





Et voici la fonction en question :

<?php
 
/*
	Applique un masque de transparence à une image
	$image -> image source (Format PNG)
	$masque -> masque à appliquer (Format PNG)
*/
function mask_transparency($image, $masque)
{
	// Récupération des dimenssions de l'image
	list($image_w, $image_h) = getimagesize($image);
 
	// Création de image
	$iimage = imagecreatefrompng($image);
 
	// Désactivation mode blending et sauvegarde infos canal alpha
	imagealphablending($iimage, false);
	imagesavealpha($iimage, true);
 
	// Création du masque
	$imasque = imagecreatefrompng($masque);
 
	for ($x=0; $x<$image_w; ++$x)
	{
		for ($y=0; $y<$image_h; ++$y)
		{
			// Récupérations infos pixel du masque
			$pxl_masque = imagecolorsforindex($imasque, imagecolorat($imasque, $x, $y));
			// Récupérations infos pixel de l'image
			$pxl_image = imagecolorsforindex($iimage, imagecolorat($iimage, $x, $y));
			// Nouvelles informations
			$color = imagecolorallocatealpha($iimage, $pxl_image['red'], $pxl_image['green'], $pxl_image['blue'], (127-$pxl_masque['alpha']));
			// On applique la modification
			imagesetpixel($iimage, $x, $y, $color);
		}
	}
 
	// On sauvegarde l'image
	imagepng($iimage, $image);
}

Exemple d'utilisation :

<?php
 
// Application du masque de "masques/mon_masque.png" sur l'image "images/mon_images.png"
mask_transparency('images/mon_image.png', 'masques/mon_masque.png');
 
?>

J'effectuais tranquillement une recherche sur un comportement javascript avec les champs textarea lorsque je me suis retrouvé sur une page du site généralement intéressant commentcamarche.net

Je me suis rapidement aperçu que la page sur laquelle je naviguait présentait un soucis : un champ textarea (sujet de ma recherche) présent dans le titre et contenant de nombreux caractères. (Tout le code suivant à vrai dire car la balise textarea n'était pas fermée)

Pour vérifier tout ça rien de bien compliqué : ajouter directement un code javascript dans le titre du sujet à crée.

Et voici le résultat...


Ironie du sort j'ai posté dans le forum programmation... bref. Je contacte de suite les administrateurs du site afin d'éviter tout autre tentatives avec des scripts présents sur des serveurs distants ce qui serait bien plus conséquent.

Pour information il s'agit d'une des failles les plus communes, communément appelées failles XSS.

Voici quelques lignes de codes, notamment composé d'expressions régulières vous permettant de récupérer toutes les adresses emails contenus dans une page ainsi que les liens qui la compose.

Dans un premier temps, prenons l'exemple ou l'on souhaite récupérer le contenu d'une page pour ensuite la traiter.

<?php
# Adresse du site à "exploiter"
$url = 'http://www.monsite.com';
 
# On récupère le contenu
$file = file_get_contents($url);

Désormais le contenu de la page est contenu dans notre variable "$file".

Adresses Emails
Grâce à une expression régulière nous avons la possibilité de récupérer dans un tableau toutes les adresses emails contenus dans notre variable.

<?php
# Récupération des emails
preg_match_all('`[a-zA-Z0-9_\.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+`m', $file, $emails);
# Affichage du tableau
print_r($emails[0]);

Il se peut que la même adresse ressorte plusieurs fois dans votre tableau. Dans ce cas vous pouvez utiliser la fonction array_unique().

URLs
La méthode reste identique, à savoir lister toutes les balises "<a" et en récupérer le contenu de l'option "href".

<?php
# Récupération des URLs
preg_match_all('/<a[^>]+href="([^"]+)/i', $file, $urls);
# Affichage
print_r($urls[1]);

Il est aussi possible de récupérer des doublons en fonction des sites mais aussi des liens tronqués ou des morceau de code javascript. Pour cela vous pouvez par exemple tester si le site existe ou vérifier le format de l'adresse url toujours avec une expression régulière.

L'affichage intérieur ou extérieur des bordures en CSS dépend de la définition de type de document (doctype) utilisé pour vos pages.
Par exemple si vous utilisez le doctype suivant alors les bordures seront intégrés dans la largeur de votre bloc.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="ltr" lang="fr">
[...]

En revanche si vous utilisez le doctype "strict" les bordure seront extérieurs à votre bloc.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
[...]

Voici un résumé sur les différences entre ces deux cas. Pour information la bordure est de 5 pixels (grise) afin de bien marquer la différence. Le cadre rouge permet de délimiter la limite du bloc.


La position des bordures peux parfois vous gêner si vous souhaitez aligner les blocs sur votre site.

La solution consiste à ajouter une marge si la largeur de votre bloc est fixe ou réduire la taille de votre bloc si elle est fixe.

/* Dans le cas d'une largeur fixe */
div.bloc {
	border: 5px solid #000; /* Bordures de 5px (Donc 10px pour le bloc) */
	width: 90px; /* Largeur finale : 100px */
}
 
/* Dans le cas d'une largeur extensible */
div.bloc {
	border: 5px solid #000;
	width: 100%; /* Impossible de réduire la taille de 10px */
	margin: 0px 5px; /* Marges de 5px de la taille de la bordure de chaque cotés du bloc */
}

Bon codage à vous !

Suite à plusieurs jours de recherche intense afin de mettre un place une base de donnée Access (.mdb) sur un serveur windows 2008 64bits je partage la solution en espérant qu'elle puisse servire à d'autres !
La manipulation consiste à modifier une option (et ajouter vos base sous le gestionnaire Obdc si vous l'utilisez) mais résoud les soucis de connexions possible.

Lorsque que votre architecture est en 64bits alors IIS, permettant la gestion de vos sites web et lui aussi (logiquement) basé en 64bits tout comme le gestionnaire Odbc.

Cependant Microsoft à prévu l'utilisation 32bits pour ces logiciels. Pour le gestionnaire Odbc vous pouvez y accèder via le répertoire suivant :

c:\windows\syswow64\odbcad32.exe

et ainsi retrouver votre liste de pilotes 32bits.

Il ne reste plus qu'a indiquer à IIS de lancer le site sur lequel vous souhaitez utiliser une base accès de l'exécuter en 32bits. Pour cela suivez les informations de l'image ci-dessous : (cliquez pour agrandir)

La date est une notion beaucoup utilisé dans les formulaires sur les site web : date de naissance, mariage, évènement...
Ainsi les valeurs (souvent des champs texte libre) renseignés peuvent très bien être erronées volontairement ou non pas l'utilisateur. Je vous propose donc une fonction permettant de vérifier si une date à un format valide et existe réellement.

<?php
# Vérifie la validité d'une date
function is_valide_date($date, $sep='/')
{
	if(!list($day, $month, $year) = explode($sep, $date))
		return false;
 
	if($day > 31 OR $day < 1 OR $month > 12 OR $month < 1 OR $year > 32767 OR $year < 1)
		return false;
 
	return checkdate($month, $day, $year);
}

Quelques exemples d'utilisation :

<?php
// Dates
$date_valide = '04/10/2009';
$date_invalide = '30-02-2009'; # N'existe pas
 
if(is_valide_date($date_valide)) // Affiche "Ok"
	echo 'Ok';
if(is_valide_date($date_invalide, '-')) // N'affiche rien
	echo 'Ok';

Bonne utilisation

J'utilise Firefox depuis maintenant plusieurs années, car c'est un navigateur très polyvalent et dont il existe de très nombreux modules complémentaires !
Seulement on se perd un peu et on n'a pas toujours le temps de tous les lister ! Par exemple sur Geckozone ce n'est pas moins de 500 extensions qui y sont répertoriés !

Je vais donc vous présenter la liste très réduites des extensions que j'utilise principalement pour le développement de site web, mais aussi pour le plaisir et/ou qui me sont vraiment très utiles.

Pour information je traine toujours sur Firefox 2 (2.0.0.20) simplement parce que j'ai pas le courage temps d'effectuer la migration... donc il se peux que certains versions de ces modules ne soient pas comptables sur la version 3 de firefox.

Très utile principalement au niveau de la création de style css ou créations graphiques. Cette extension nommée Color Zilla ajoute un sélecteur de couleur ("Color picker") dans votre interface afin de sélectionner en un clic la couleur présente sur une page internet. Plusieurs outils/options sont disponibles comme le zoom (jusqu'à 1000%), la palette de couleur ou encore la fonction "Copier" (pour mettre en mémoire) après avoir sélectionné votre couleur.

Bien pratique MySpell nous permet quand on n'a pas toujours l'envie de se relire de corriger les quelques erreurs d'orthographe (uniquement) que l'on a oublié. Vous avez aussi la possibilité d'ajouter de nouveaux mots dans le dictionnaire de l'extension. Un clic droit sur le mot souligné vous permet de sélectionner là ou les corrections correctes.

J'ai ajouté Favicon Picker 2 à la suite de mélange entre les favicon de ma barre personnelle. L'extension vous permet de supprimer les icônes des sites et/ou d'en sélectionner un nouveau depuis votre ordinateur. Simple et indispensable pour gérer vos liens favoris !

Firebug est surement l'une des extensions les plus utilisés sur firefox. En effet il s'agit d'un module très puissant permettant d'inspecter le code html, css, javascript ainsi que de nombreux autres éléments de votre page ! Amis webmaster si vous ne l'utilisez ou ne la connaissez pas c'est "the extension" que vous devez tester !

Indispensable si vous avez un ou plusieurs comptes gmail ! Ce module complémentaire intitulé Gmail Manager vous permet d'enregistrer vos comptes afin de vous afficher une notification lorsque vous recevez un email. Super pratique pour éviter de consulter afin de vérifier ou non si vous avez des messages !

Un module complémentaire très simple, Google PageRank Status permettant d'afficher le pagerank de chaque pages. Un simple clic droit sur l'icône permet aussi de désactiver ce service. Aucune autres options disponibles pour ce module.

Toujours pour les webmasters (ou curieux ) Html Validator permet d'un coup d'œil de vérifier si le site sur lequel vous naviguez est "Xhtml valide". Plusieurs algorithmes sont disponibles et lors de la visualisation de la source de la page vous avez des astuces (en français) permettant de corriger ces erreurs !

Encore un outil indispensable pour les webmasters ! Measure-it vous permet grâce à un icône discret dans la barre inférieur de votre navigateur préféré d'effectuer des mesures via une règle des différents éléments de la page. Très simple et indispensable !

En vrac : Greasemonkey est un module permettant d'utiliser des scripts javascripts modifiant le code source de votre page. J'utilise par exemple un code permettant d'ouvrir tous les liens d'images direct dans une "lightbox". Save Complete permet de sauvegarder une page ainsi que toutes les informations nécessaires pour utiliser cette page hors-navigation à savoir les feuilles de styles, images... Tab Preview permet d'avoir un aperçu des onglets en les survolants. Très pratiques si vous souhaitez avoir un aperçu de l'onglet que vous souhaitez visiter avant de cliquer.

En espérant vous avoir été utile et vous avoir permis de trouver LA petite extension qui permettra d'améliorer votre navigation sur ce navigateur très intéressant et n'hésitez pas à me proposer les vôtres

Voici une fonction assez simplement permettant dans un premier temps de vérifier un numéro de téléphone (après avoir retiré tous les caractères non alphanumériques) puis de formater un affichage.
Vous pouvez l'utiliser avant d'entrer le numéro dans la base de données (après le traitement par formulaire) ou par exemple afficher le numéro sur votre site sous la forme "00-00-00-00-00". (Séparateur modifiable)

En paramètres de la fonction le numéro de téléphone et optionnel le séparateur qui sera affiché tous les deux caractères numériques.

<?php
# Nettoyage/affichage d'un numéro de téléphone
function clean_display_phone($nbr, $sep=false)
{
	$nbr = ereg_replace('[^0-9]', '', $nbr);
 
	if(strlen($nbr) != 10)
		return false;
	else
	{
		if($sep)
		{
			for($i=0;$i<5;$i++)
				$nbr_array[] = substr($nbr, $i*2, 2);
			$nbr = implode($sep, $nbr_array);
 
			return $nbr;
		}
			else
				return $nbr;
	}
}

Voici quelques exemples d'utilisation.

<?php
// Numéros de téléphone suite à un formulaire par exemple
$num_tel_bon = '10.45.86.12.34';
$num_tel_mauvais = '084230246875123';
 
# Test Validité
if(clean_display_phone($num_tel_bon)) // Affiche "Ok"
	echo 'Ok';
if(clean_display_phone($num_tel_mauvais)) // Pas de retour
	echo 'Ok';
 
# Affichage
echo clean_display_phone($num_tel_bon); // Affiche "1045861234"
echo clean_display_phone($num_tel_bon, '-'); // Affiche "10-45-86-12-34"

N'hésitez pas à me faire un retour ou encore me proposer des améliorations.

On a tous un jour ou l'autre cherché à retrouver une police présente sur une image d'un jeu, site, ... pour en faire un usage personnel ! Seulement pas toujours facile... il existe des milliers de fonts sur la toile !
Je vais donc pour présenter un site permettant à partir d'une image (assez net et grande si possible) de retrouver la police d'écriture !

WhatTheFont (assez logique me diriez-vous) permet donc d'analyser avec votre aide les caractères présents sur une image afin de détecter la police d'écriture utilisée.

Fonctionnement

Une fois l'adresse de l'image récupérée ou téléchargé sur votre ordinateur rendez-vous à l'adresse suivante : http://new.myfonts.com/WhatTheFont/

Renseignez ensuite l'adresse de votre image ou le chemin de votre image sur votre ordinateur puis validez le formulaire. (Continue)

L'étape suivante vous permet de définir les caractères présents sur l'image pour vérifier la détection.

Il vous est ensuite proposé une liste de police correspondant à celle que vous recherchez. Les bonnes polices sont rarement trouvés, mais des fonts similaires sont présentes dans cette liste.

Si aucune police ne correspond à votre image il reste toujours la possibilité de consulter le forum qui est réactif.

Recommandations

Voici quelques spécifications afin de mettre toutes les chances de votre côté afin de retrouver votre police :
- Texte horizontal
- Caractères de 100 pixels
- Pas de superposition de caractères (dépend beaucoup des polices)

Voici une fonction assez simple mais qui peut se rendre bien utile afin de lister tous les fichiers contenus dans un dossier entre deux dates (ou pas).
De nombreuses améliorations sont possibles comme permettre de lire toute l'arborescence d'un répertoire ou encore ne prendre en compte que certaines extensions.

La fonction retourne un tableau contenant le nom du fichier, son répertoire et la date de modification du fichier en question.

<?php
 
function trier_fichiers_selection($repertoire, $date_debut=0, $date_fin=0)
{
	$listing = array();
 
	if($date_fin < $date_debut OR $date_fin == 0)
		$date_fin = time();
 
	if($handle = opendir($repertoire))
	{
		while(($file = readdir($handle)) !== false)
		{
			if($file != '.' && $file != '..' && is_file($repertoire.'/'.$file))
				if(filemtime($repertoire.'/'.$file) >= $date_debut && filemtime($repertoire.'/'.$file) <= $date_fin)
					$listing[] = array($file, $repertoire.'/'.$file, filemtime($repertoire.'/'.$file));
		}
 
		closedir($handle);
	}
 
	return $listing;
}

Seul le chemin du répertoire est obligatoire, si vous ne renseignez pas les deux autres paramètres, tous les fichiers du répertoire serons listés.

Voici quelques exemple d'utilisation :

<?php
 
# Listing de tous les fichiers du répertoire "upload"
$listing = trier_fichiers_selection('upload');
 
# Listing des fichiers du répertoire upload datant de plus de 1 jour
$listing = trier_fichiers_selection('upload', 0, time()-86400);
 
# Afficher les données de mon tableau
print_r($listing);

N'hésitez pas à me proposer des améliorations

Si vous n'arrivez pas à ajouter dans un champ texte dynamiques certains caractères tel que le "@", ".", ... (par exemple lorsque vous demandez une adresse mail) dans une animation flash que vous avez fraichement crée...
Rassurez-vous, "c'est normal" ! Voici la solution très simple pour y remédier !

La solution très simple consiste à retirer l'attribut vmode qui est un des paramètres de votre animation. (entre <embed> et </embed>)

<!-- Paramètres de votre animation -->
<param name="wmode" value="transparent" />

Pensez à le retirer si il est présent dans la balise <embed> ou dans le script javascript la partie suivante si vous utilisez Dreamweaver (berk!)

/* Fonction javascript utilisé par dreamweaver */
AC_FL_RunContent( [...] 'wmode','transparent' [...] );

Tout devrait désormais rentrer dans l'ordre !