Joomla - AllEvents

HomeJoomla

Joomla (22)

Partage de trucs & astuces, codes source, composants intéressants ou indispensables, ... dans l'univers merveilleux de Joomla.

lundi, 15 avril 2013 21:27

Et vous, c'est quoi votre couple login-mot de passe ?

Écrit par Christophe

Suite à un article que Stéphane a partagé sur Facebook concernant le piratage et la technique du brute-force, il m'a semblé intéressant de rédiger ce billet pour vous présenter ma manière de gérer mes mots de passe sur le web.

Je vais vous poser une petite question dont la réponse semble évidente : connaissez-vous vos mots de passe sur le web ? Si vous répondez oui, vous avez tout faux.

En effet, si vous connaissez votre mot de passe, c'est que ce dernier est logique et s'il est logique, c'est qu'un programme informatique peut le deviner. C'est ce qu'on appelle le "brute force" : utiliser un dictionnaire qui n'est rien d'autre qu'un fichier qui contient des milliers de mots quelconques et le programme essaie les mots un par un jusqu'au moment où il trouve le bon. Cette liste de mots reprend bien évidemment les célèbres "admin", "password", "secret", ... qui sont encore utilisés comme mot de passe par des, oui, on peut les appeler comme cela, des inconscients.

Imaginez le gars qui a comme login "admin" et comme mot de passe "admin" : avec une attaque brute-force, au mieux, son accès est compromis en moins de cinq secondes.

Alors, quelle est ma proposition ?

Depuis plusieurs années maintenant, c'est simple : je ne connais pas mes mots de passe. Ils sont tous générés de manière presque aléatoires et font tous vingt caractères de long. Mes mots de passes sont tous du type "zE0szS9A;VSb#9lkG?0B" et tous uniques. Est-ce que vous pourriez vous en souvenir ?

Mes mots de passes sont uniques : ils sont générés selon l'url visitée et d'après une clef que j'ai introduite et qui, en fait, est le seul mot de passe que je connais. J'utilise pour cela le bookmarklet SuperGenPass. Il s'agit d'un code javascript que l'on "drag&drop" sur sa barre de favoris au même titre qu'une url. Une fois en place, il suffit de se rendre sur un site et de cliquer sur le favori SuperGenPass. Une petite fenêtre va s'afficher et va vous demander d'introduire une clef. Par exemple "JAimeJoomla!". SuperGenPass va générer un mot de passe en prenant en compte l'url et votre clef. Ce mot de passe peut-être configuré pour faire 20 caractères. Pour une même url, le mot de passe est toujours le même.

Rien qu'avec SuperGenPass, vous avez donc déjà une gestion de la sécurité excellente.

Évitez d'utiliser un login tel que "admin" car si le pirate trouve votre login, il a déjà parcouru la moitié du chemin.

Avouez que c'est du lourd ! Bien malin celui qui réussira à hacker votre compte.

L'intérêt d'un bookmarklet réside aussi dans le fait que si vous n'êtes pas sur votre ordinateur, pas de soucis : installer le temps de votre session le bookmarklet puis supprimez-le votre travail achevé. Il n'y a rien à installer sur le pc.

A côté de SuperGenPass, j'utilise également LastPass qui est un coffre-fort dans lequel je stocke tous mes accès. Toutes les données y sont cryptées. L'intérêt ici est de retrouver en un seul lieu l'ensemble de mes comptes, que ce soit des comptes web ou mes accès mails, ftp, bases de données, ...

LastPass propose des plugins pour tous les navigateurs du marché et vous permet, une fois l'url affichée, d'introduire votre login et votre mot de passe pour vous. LastPass propose également un plugin pour Android (payant).

Tant SuperGenPass que LastPass sont gratuits et fonctionnent admirablement bien.

Je vous invite à (re)lire l'article "FileZilla stocke les données login / mot de passe non cryptés : solution" que j'ai écris en avril 2012 et qui propose une solution à ce problème c'est-à-dire à crypter le fichier qui contient les mots de passes de vos connexions FTP et à ne "monter" le disque qui contient ce fichier uniquement lorsque vous en avez besoin. Cryptage + innacessibilité du fichier le rende invulnérable ou presque.

Publié dans Joomla

1 Commentaire

mercredi, 20 mars 2013 11:35

Prendre une archive (zip) des fichiers d'un site; Joomla ou non

Écrit par Christophe

But du script : prendre un backup des fichiers de votre site depuis une simple url.

Je vous propose le petit code ci-dessous qui m'a grandement facilité la sauvegarde de sites Joomla et non Joomla. La majeure partie du script a été développée par Archan Ghosal (http://ramui.com/articles/php-zip-files-and-directory.html). J'ai ajouté quatre lignes de code (lignes 44 à 47) afin que le script soit autonome et que l'archive soit immédiatement proposée en download par le navigateur.

Comment cela fonctionne ?

Ouvrez votre éditeur de texte préféré (Notepad++ p.ex.) et créez un nouveau document.
Copiez/collez le code ci-dessous dans l'éditeur.
Sauvez le fichier avec l'extension .php (p.ex. "zip.php")
Ouvrez votre client FTP et connectez-vous sur votre site.
Uploadez le fichier zip.php dans le dossier que vous désirez archiver (soit la racine du site pour tout archiver soit un sous-dossier).
Vous pouvez fermer votre client FTP. Ouvrez votre navigateur préféré et écrivez l'url pour qu'elle pointe vers le dossier où se trouve le fichier zip.php (p.ex. monsite.fr/zip.php)

Le script va alors créer une archive nommée backup.zip (voir ligne 45 du script) et va compresser tous les fichiers et tous les dossiers enfants. Au final vous avez une copie parfaite du dossier.

Une fois le fichier zip achevé, votre navigateur va vous le proposer en download.

<?php
/*
Copyright (c) 2011 <a href="http://ramui.com.">http://ramui.com.</a> All right reserved.
This product is protected by copyright and distributed under licenses restricting copying, distribution. Permission is granted to the public to download and use this script provided that this Notice and any statement of authorship are reproduced in every page on all copies of the script.
*/
class recurseZip {
   private function recurse_zip($src,&$zip,$path) {
      $dir = opendir($src);
      while(false !== ( $file = readdir($dir)) ) {
         if (( $file != '.' ) && ( $file != '..' )) {
            if ( is_dir($src . '/' . $file) ) {
               $this->recurse_zip($src . '/' . $file,$zip,$path);
            } else {
               $zip->addFile($src . '/' . $file,substr($src . '/' . $file,$path));
            }
         }
      }
      closedir($dir);
   }
   public function compress($src,$dst=''){
      if(substr($src,-1)==='/'){$src=substr($src,0,-1);}
      if(substr($dst,-1)==='/'){$dst=substr($dst,0,-1);}
      $path=strlen(dirname($src).'/');
        
      @unlink($dst);
      $zip = new ZipArchive;
      $res = $zip->open($dst, ZipArchive::CREATE);
      if($res !== TRUE){ echo 'Error: Unable to create zip file'; exit;}
      if(is_file($src)) {
         $zip->addFile($src,substr($src,$path));
      } else {
         if(!is_dir($src)){
            $zip->close();
            @unlink($dst);
            echo 'Error: File not found';
            exit;
         }
         $this->recurse_zip($src,$zip,$path);
     }
     $zip->close();
     return $dst;
   }
}
$z=new recurseZip();
echo $z->compress(".","./backup.zip");
header('Location: backup.zip');
exit;
?>

Veuillez notez que le script "ne sauve que" les fichiers; pas la base de données. Le meilleur outil pour sauvegarder complètement un site Joomla reste Akeeba Backup.

Ne laissez pas le fichier zip.php sur votre site de production car n'importe qui pourrait l'utiliser. Sinon modifiez le code source afin p.ex. de demander un mot de passe ou tout autre mécanisme de protection. Le code est libre; vous pouvez l'adapter en prenant juste soin de mentionner le copyright qui se trouve au début du script.

Publié dans Boite à outils

Soyez le premier à commenter!

vendredi, 02 novembre 2012 14:18

Script DOS batch pour compresser le dossier courant

Écrit par Christophe

Le script que je vous propose ci-dessous est un fichier .bat pour Windows. Il suffit de copier/coller le script dans p.ex. Notepad puis de sauver le fichier dans un dossier Joomla (ex : c:\site\modules\mod_banners) puis de double-cliquez sur le script afin de l'exécuter et d'obtenir un fichier mod_banners.zip qui reprendra l'archive du dossier et de ses sous-dossiers.

L'intérêt majeur du script est sa simplicité (il suffit de double-cliquer sur le fichier) et sa réutilisation dans un script plus global qui pourrait archiver plusieurs dossiers en une seule fois; chaque dossier racine donnant lieu à un fichier archive.

Ce script a été développé pour le composant AllEvents et je le mets à disposition des utilisateurs de Joomla et, plus globalement, de Windows car ce script n'est en rien limité à un usage Joomla.

@ECHO OFF

REM ------------------------------------------------------------------------------
REM Auteur : Christophe Avonture; développeur de l'extension AllEvents pour Joomla
REM Gestionnaire d'évènements gratuit pour Joomla (http://avonture.be/allevents)
REM
REM Compresse le dossier en cours au format ZIP.   Utilise 7-zip pour cela.
REM L'archive aura le nom du dossier en cours et reprendra tous les fichiers
REM ainsi que les sous-dossiers.
REM
REM Après création de l'archive,
REM ce fichier BAT qui a été également archivé dans le ZIP sera supprimé.
REM ------------------------------------------------------------------------------
REM Initialisation
REM Chemin d'accès vers le programme 7-zip (à télécharger si nécessaire)
SET ZIP="C:\Program Files\7-Zip\7z.exe"
REM Récupère le nom du dossier courant (p.ex. com_allevents si le chemin complet est
REM  c:\AllEvents\components\com_allevents)
FOR %%i IN ("%CD%") DO SET "TGT=%%~nxi"
CLS
REM Crée l'archive et supprime de l'archive ce script qui aura aussi été compressé.
REM Le nom du script courant est retrouvé via %~n0.bat
%ZIP% a %TGT%.zip -tzip -r *.*
%ZIP% d %TGT%.zip -tzip -r %~n0.bat

ECHO.
ECHO Le fichier %TGT%.zip a été créé.

Publié dans Joomla

Soyez le premier à commenter!

mercredi, 22 août 2012 21:06

Script php pour supprimer tout un dossier parent et les sous-dossiers.

Écrit par Christophe

En tant que développeur de sites, nul doute qu'il vous est déjà arrivé de créer un site distant pour faire un test ou une demo. Vient assez vite le moment où vous souhaitez supprimer ce site de tests pour en créer un nouveau ou tout simplement faire un peu de nettoyage sur votre serveur web.

Généralement, pour supprimer un site, on se connecte sur son FTP et on supprime les dossiers et les fichiers et là, on voit son client FTP supprimer les fichiers "un par un" et se promener dans chaque dossier du site. C'est long, très long, horriblement long.

Le petit script ci-dessous va supprimer tous les fichiers du dossier dans lequel vous aller le copier : si vous copier/coller ce code php dans un fichier "erase.php" que vous allez positionner dans le dossier racine de votre site web à supprimer, il va faire le travail en deux ou trois secondes max.

Ce script est ULTRA DANGEREUX car il supprime tous les fichiers et les dossiers. Utilisez-le en étant parfaitement conscient de ce que vous faites. Je décline évidemment toute responsabilité en cas d'usage incorrect.

<html><head><title>Nettoyage du site web</title><body>
<?php
/**
  * Supprime tous les fichiers du dossier courant ainsi que chaque sous-dossier; à l'exception du script
  * Basé sur un snippet : <a href="http://www.compago.it/php/phpckbk-CHP-24-SECT-11.html">http://www.compago.it/php/phpckbk-CHP-24-SECT-11.html</a>
  */
   define ('DS', DIRECTORY_SEPARATOR);
   error_reporting(E_ALL);
   ini_set('display_errors','On');
   $script_name = basename(__FILE__);
   $directory = dirname(__FILE__);
   
   echo '<h1>Suppression de tous les fichiers et sous-dossier de '.$directory.'</h1>';
   
   $it = new RecursiveDirectoryIterator($directory);
   
   foreach (new RecursiveIteratorIterator($it, RecursiveIteratorIterator::CHILD_FIRST) as $file) {
      if ( ($file->isDir()) && (!in_array($file->getFilename(), array('.', '..'))) ){
         echo '<h3>Suppression du dossier '.$file->getPathname().'</h3>';
         @rmdir($file->getPathname());
      } else {
         if ( ($file->isFile()) && ($file->getPathname()!=__FILE__) ) {
            echo '<p>Suppression du fichier '.$file->getPathname().'</p>';
            @unlink ($file->getPathname());            
         }
      }
   } // foreach
   
   echo '<h4 style="color:green;">Suppression terminée.   Il ne reste plus que le fichier '.$script_name.' dans le dossier.</h4>';
?>
</body></html>

Ce script "ne fait que" supprimer les fichiers et les dossiers; il ne touche pas à la base de données. Lisez le billet "Supprimer plusieurs tables dans MySQL sur base d'un préfixe" si vous souhaitez nettoyer aussi votre base de données.

Publié dans Joomla

Soyez le premier à commenter!

lundi, 30 avril 2012 11:53

FileZilla stocke les données login / mot de passe non cryptés : solution

Écrit par Christophe

FileZilla est probablement le meilleur client FTP gratuit dans le monde PC. Toutefois, depuis des années, FileZilla stocke ses données de configuration dans des fichiers xml non cryptés. Énoooorme problème de sécurité car il suffit de récupérer le fichier sitemanager.xml de FileZilla pour obtenir toutes les données pour se connecter sur vos sites FTP.

J'ai longtemps cherché une solution du côté de FileZilla et j'ai aussi commencé à chercher d'autres programmes qui pourraient le remplacer mais quasi tous sont payants.

Restait à trouver une solution gratuite. Et c'est chose faite en utilisant le logiciel de cryptage TrueCrypt ainsi qu'un autre petit programme nommé Link Shell Extension.

Mode d'emploi :

Téléchargez et installez TrueCrypt.
Créez votre fichier crypté. Un excellent tutoriel, pas à pas, chez notre ami Korben : http://free.korben.info/index.php/TrueCrypt. Vu qu'il ne s'agit que du stockage de fichiers texte très simple, un fichier de 1 MB est suffisant.
"Montez" votre fichier crypté comme étant un lecteur disque (p.ex. le disque L:).
Ouvrez le dossier de FileZilla. Il s'agit du dossier %APPDATA%/FileZilla.
Déplacer les trois fichiers : filezilla.xml, recentservers.xml et sitemanager.xml vers le disque L:
Maintenant, parce que FileZilla exige que ses fichiers soient dans son répertoire, il faut trouver une astuce. Le problème est résolu grâce à Link Shell Extensionqui permet d'avoir un fichier à un endroit et de faire croire au système d'exploitation qu'il se trouve aussi à un autre endroit
1. Téléchargez Link Shell Extension
2. Affichez le dossier sur le disque L: , là où vous avez déplacé les trois fichiers de FileZilla.
3. Cliquez avec le bouton de droite de la souris sur le premier fichier, filezilla.xml
4. Dans le menu contextuel, vous allez trouver une nouvelle option "Pick Link Source". Cliquez dessus. Rien ne va se passer (comme lorsque vous faites un "Copy" suivi d'un "Paste").
5. Allez dans le dossier de FileZilla (%APPDATA%/FileZilla).
6. Faites un clic droit et, dans le menu contextuel, choississez "Drop Symbolic Link" (l'équivalent du Paste).
7. Répétez ces opérations pour les trois fichiers.
8. Visuellement, vous verrez donc dans le répertoire de FileZilla les trois fichiers. Comprenez bien qu'il s'agit d'un lien vers le fichier; pas du fichier lui-même. Si on modifie le fichier depuis le dossier de FileZilla, c'est bien celui du disque L: qui sera modifié.

A ce stade, vous avez un FileZilla sécurisé. Dorénavant, ce que vous devez faire avant d'utiliser FileZilla, c'est de "monter" votre fichier crypté.

Sur mon PC, j'ai mis l'icône vers le fichier crypté de TrueCrypt juste à côté de l'icône vers FileZilla. Je double-clique d'abord sur mon fichier TrueCrypt, je l'associe à un lecteur (toujours le même et donc L:) puis, ceci fait, je lance FileZilla. Et tout fonctionne à merveille.

Si comme moi vous avez plusieurs PCs, il est vite intéressant d'avoir le même fichier de configuration sur chaque PC : si vous modifiez un mot de passe, si vous ajouter une nouvelle machine, ... que ces modifications soient faites sur tous les PCs. Est-ce possible ? OUI. Il suffit de stocker le fichier TrueCrypt que vous avez créé au point 2. ci-dessus dans un dossier de votre Dropbox. Le fichier étant crypté, aucun soucis de confidentialité.

Source : l'idée de l'utilisation de Shell Link Extension provient de l'article "How to use FileZilla with Dropbox?"

Publié dans Joomla

6 Commentaires

jeudi, 12 avril 2012 07:02

Activer l'auto-complétion dans Aptana Studio

Écrit par Christophe

Si vous êtes utilisateur de Aptana Studio, lorsque vous créer un nouveau projet afin de programmer votre composant, il est bien utile de pouvoir faire un clic sur le nom d'une fonction/méthode et d'immédiatement arriver dans le code source de la fonction/méthode.

Pour ce faire, il faut activer l'auto-complétion Joomla :

Dans Aptana, ouvrez votre projet puis cliquez sur le menu "Project"
Sélectionnez l'option "Properties"
Dans la liste de gauche, cliquez sur "PHP Buildpath"
Dans la section de droite, cliquez sur l'onglet "External Directories" pour définir les librairies PHP
Cliquez sur le bouton "Add" et sélectionnez le dossier nommé "Joomla". Ce dossier se trouve dans le dossier librairies de votre site (p.ex. c:\mes_sites\un_site\librairies\joomla).
Cliquez sur le bouton "Ok" deux fois afin de confirmer l'ajout.

Publié dans Joomla

Soyez le premier à commenter!

mardi, 06 mars 2012 10:59

Boite à outils - Webmaster - Scripts

Écrit par Christophe

SCRIPT PHP

Installation

JInstaller

Le moment le plus fastidieux lors de l'installation d'un site joomla est le temps de transfert de tous les fichiers qui composent le CMS sur votre serveur

Jinstaller est un script PHP qui vous permet de télécharger directement l'archive Joomla et de la decompresser sur votre serveur. Ce qui vous permet de ganger un temps précieux lors de votre installation.

Publié dans Boite à outils

Soyez le premier à commenter!

mardi, 06 mars 2012 10:58

Boite à outils - Webmaster - Plugins

Écrit par Christophe

Plugins

Accordéon

Slider

Plugin qui permet d'afficher des accordéons (=slide) dans n'importe quel contenu Joomla. Cette page, la boîte à outils, fait usage du plugin Slider.

Simple à mettre en oeuvre et à utiliser. Le contenu des accordéons s'écrit dans le même article. Gestion de couleurs possible au niveau des accordéons.

Contenu

Articles Anywhere

Permet d'afficher le contenu d'un article n'importe où : dans un module, dans un composant, dans un formulaire, ...

CodeCitation

Pratique pour afficher à l'écran du code source, que ce soit javascript, html, css, php ou autre. CodeCitation va l'afficher dans un rendu visuel qui reprendra entre autre chose un numéro de ligne et une coloration syntaxique

En haut à droite de la zone sera affiché une barre d'outils qui permettra de voir le code source brut pour simplifier le copy/paste p.e.

Mavik Thumbnails

Lorsque vous afficher une grande image dans un article et que vous modifiez son taille pour la rendre plus petite; Mavik se charge d'en créer une miniature puis, à l'affichage de la page, lorsque vous cliquez sur la miniature, Mavik affiche alors dans un popup la grande image. Pratique !

Modules Anywhere

Vous autorise à insérer le rendu d'un module ou d'une position de votre template dans un article, un composant, un formulaire, ... Remplace avantageusement le tag {loadposition} de Joomla.

Sourcerer

Contrairement à CodeCitation qui affiche le code, Sourcerer lui l'exécute. Ainsi, au beau milieu de votre article, vous pouvez parfaitement écrire du code php pour faire une requête vers la base de données, pour faire appel à l'API d'un composant installé, ... et afficher le résultat obtenu dans votre article, dans le code HTML de votre module, ...

Tooltips

Affichage d'une bulle d'aide qui peut contenir du code HTML au survol d'une zone de votre contenu Joomla

Dommage que cela ne soit pas un plugin accompagné d'un composant tel que Sitelinkx qui aurait permis à définir une liste de mots cléf et le tooltip associé; ceci centralement.

Typographie

XTYPO

Ce plugin permet d'afficher du contenu dans des spans stylisés (info, alerte, note, ...). Idéal pour attirer l'attention sur un paragraphe.

Inexistence d'un plugin de type bouton pour l'éditeur; il faut donc connaître les différents tags à utiliser ou consulter la documentation en ligne.

Publié dans Boite à outils

Soyez le premier à commenter!

mardi, 06 mars 2012 10:47

Boite à outils - Webmaster - Modules

Écrit par Christophe

Modules

Compteur de visites

JTS CounterStats Light

Il s'agit d'un compteur de visites qui affiche un grand nombre d'informations, permet d'initialiser le compteur à un nombre prédéfini, permet de dépasser le million de visites, dispose de plus de 20 types d'affichage différent, ...

Super modules

Advanced Module Manager

Merveilleux module permettant de définir le plus finement possible les règles de visibilité d'un module en se basant sur un très grand nombre de paramètres (portion de l'url, localisation du visiteur, langue, date/heure, ...)

MetaMod

MetaMod est un super module c'est-à-dire qu'il permet de regrouper plusieurs modules dans un seul module; ceci soit sur base des IDs soit sur base d'une position de votre template. Visuellement, le rendu donne l'impression de n'avoir plus qu'un seul module.

En n'ayant plus qu'un super-module, il devient plus simple de gérer la visiblité du module.

Publié dans Boite à outils

Soyez le premier à commenter!

dimanche, 26 février 2012 19:16

Boite à outils - Développeurs

Écrit par Christophe

A l'instar de la "boîte à outils pour le webmaster", cette liste-ci s'adresse aux développeurs Joomla et reprend quelques-uns des programmes qui pourront leur être très utile durant leurs développements ou après celui-ci.

Les outils ci-dessous sont principalement pour Windows, système d'exploitation que j'utilise.

Base de données

Toad for MySQL

Toad est une interface qui vous permet de vous connecter sur une base de données et remplace donc à ce titre l'interface phpMyAdmin.

Attention : il est plus que probable que votre hébergeur n'autorise pas un logiciel autre que phpMyAdmin à se connecter sur votre base de données. Dans ce cas, Toad ne vous sera utile que pour développer en local.

Captures d'écran

Screenpresso

Il existe tant de logiciels de capture d'écran que faire un choix est difficile. J'aime bien Screenpresso car il permet de "découper" le bas des images, avec un effet de ciseau et de relief bien sympa. Je l'utilise depuis plusieurs mois pour faire les captures d'écran du blog de AllEvents.

Editeur

Notepad++

Notepad++ est une éditeur remplaçant très avantageusement Notepad et supporte le format UTF-8 qui permet de sauver des fichiers en conservant les accents.

Fichiers

Ant Renamer

Ant renamer Utilitaire de renommage en lot de fichiers

PsPad

PsPad Editeur de texte dont, personnellement, je me sers strictement pour un seul usage : sa fonction de recherche d'une chaîne de caractères dans des fichiers présent sur le disque dur. PSPad fait cela très bien et rapidement.

WinMerge

Outil de comparaison de fichiers : dans le cas où vous avez des fichiers de langue p.e., WinMerge permet de découvrir les différences entre les fichiers, les codes langue se trouvant dans l'un et pas dans l'autre, les codes traduits différemment, ...

Firefox

Firefox Firefox est un navigateur sur lequel il est possible de définir des profils d'utilisateurs : je vous recommande de créer un profil "WebDevelopper" sur lequel vous installez les modules complémentaires ci-dessous. Sur ce profil, je vous suggère également d'activer la console Firebug, l'arrêt des scripts Javascript dès lors qu'une erreur surgit, ...

ColorZilla

ColorZilla Sélecteur de couleur : affiche une pipette dans Firefox qui permettra de récupérer la couleur RGB/Hex de l'élément cliqué.

CSS Reloader

Recharge le css de la page sans recharger la page. Pratique lorsque le contenu de la page est dynamique et qu'un rechargement affiche un autre contenu.

Firebug

Firebug est absolument indispensable au développeur web firefox. Il s'agit d'un outil qui ajoute quantité de fonctionnalités de développement comme un inspecteur d'éléments redoutable particulièrement pour les fichiers css, une console javascript évoluée, ...

Tutoriel en Français : ftp://ftp-developpez.com/magazine/DevMag200906.pdf#page=8

HTML Validator

HTML Validator Module tout simple mais bien pratique qui vous permet rapidement de voir si votre page est valide W3C. Propose différent types de vérification dont l'une qui fonctionne en local càd qu'il ne faut pas forcément être connecté sur le web pour que la vérification fonctionne.

Inline Code Finder

Inline code finder Idéalement, une page web ne peut pas contenir de déclaration type script= ou style= càd du code inline javascript ou de feuille de styles. Ce type de code devrait être externalisé dans un fichier .js ou .css.

Inline Code Finder permet un rapide contrôle visuel d'une page à la recherche de ce type de déclaration.

FTP

FileZilla

Client FTP qui vous permettra de vous connecter à votre site, de transférer/télécharger des fichiers, éditer un fichier, ... FileZilla est la référence en la matière.

Dispose d'un gestionnaire de sites qui vous permet de stocker tous vos identifiants de connexion.

Google

Google Webmaster Tools

Google Webmaster Tools Gestion de la manière dont Google traite votre site : quelles urls doit-il indexer, quels sont les liens les plus visités sur votre site, ...

IDE

Il existe un très grand nombre d'interface de développement et chacune se valent. C'est presque "juste une question de goût" :

Aptana Studio

Aptana est une interface de développement (un IDE) qui vous permettra de développer votre projet avec quantité d'aide tel que coloration syntaxique, contrôle de qualité du code, hyperliens pour afficher le code source des pages, ...

Il faut une machine puissante car Aptana est vraiment gourmand en mémoire.

EasyEclipse

KDevelop

NetBeans

Images

GIMP

GIMP GIMP est un logiciel de traitement d'images puissant et pouvant rivaliser avec des grands noms.

GIMP est multi-OS (Windows, Linux et MacOSX)

Imagesizer

Utilitaire de type Adobe AIR qui permet de rapidement, par glissé/déposé, de redimentionner un grand nombre d'images à la taille souhaitée.

Paint .Net

Paint .Net est un logiciel de traitement d'images puissant et pouvant rivaliser avec des grands noms.

PngGauntlet

Il s'agit d'un logiciel qui permet de comprimer, sans perte de qualité, des images au format .png. Le gain peut-être très grand sur des images type "pattern" (répétition d'un même motif).

Liens

Xenu's Link Sleuth

Xenu est un logiciel qui permet de scanner un site web et de vérifier les liens qui s'y trouve afin de rechercher p.e. les liens brisés. Idéal donc avant de mettre votre site en production et éviter les fameuses pages 404.

Serveur web

EasyPhp ou WAMP

Question de goût. EasyPhp ainsi que Wamp serveur sont des solutions qui vous permettent d'installer un serveur web sur votre PC; serveur qui inclue une version de MySQL et l'interface d'administration phpMyAdmin.

WebTools

0to255

Sélecteur de couleurs qui décline différentes variations d'un code couleur : vous sélectionnez p.e. une couleur bleue et 0to255 vous propose ce bleu dans différents tons, du bleu pastel au bleu très sombre. Pratique pour dispose d'une palette d'une même couleur.

Base64

Converti une image au format base64 qui vous permettra d'inclure l'image immédiatement dans le css de votre page. L'image est ainsi converti "en texte" et votre code n'aura plus besoin de charger un fichier image externe.

Pratique pour des icônes de taille réduite et qui apparaissent souvent dans votre site.

Cascader

Lorsque vous récupérez un code HTML "cochon" c'est-à-dire contenant du CSS inline, immédiatement programmé dans le code HTML de la page, cascader permet de l'extraire et vous propose le code HTML d'une part et le code CSS à externaliser d'autre part. Cascader s'occupe lui-même de créer les classes CSS et de les appliquer aux éléments HTML de telle manière que le code ainsi nettoyé affiche le même résultat à l'écran.

jsFiddle

Interface web qui propose trois zones d'encodage : html, css et js et qui affiche le résultat HTML dans une quatrième zone. jsFiddle est extrêmement précieux pour tester des bouts de codes, des snippets, des tutoriels glanés sur le net et voir le résultat sans avoir à créer des fichiers sur votre disque dur, à démarrer un serveur web pour voir le rendu html du code.

Publié dans Boite à outils

Soyez le premier à commenter!

12 3 »Fin

Page 1 sur 3