Outils Webmaster
Tester ses expressions régulières sur firefox
Regular Expressions Tester, voici un petit plugin Firefox ultra pratique destiné à facilement tester vos expressions régulières. L’outil inclue différentes fonctions bien pratiques : – Respect de la casse, – Recherche multi-ligne, – Colorisation des résultats trouvés (dont sous résultats), – Affichage des caractères spéciaux, – Interprétation intelligent des crochets – Test en codant en Java ou JavaScript, – Sauvegarde et gestion des expressions Je garde toujours sous la main les solutions en lignes gratuites proposées par RegExr et Regular Expressions, mais force est de constater que Regular Expressions Tester est tout aussi complet (voir plus) et surtout beaucoup plus [...]
Comment créer rapidement la feuille de style CSS d’une Sprite ?
Le réponse : SpriteBox, un outil pouvant s’avérer bien pratique pour créer rapidement des CSS Sprites. L’idée : vous fabriquez votre Sprite sous Photoshop ou autre logiciel de retouche d’image, et cet outil vous permet de créer la CSS qui va avec en ligne. En clair : Chargez votre image sur SpriteBox via votre ordinateur ou une URL afin de la rendre disponible à l’édition, Créez une zone selon vos besoins (vous pouvez zoomer pour plus de précision), donnez-y un nom, définissez des propriétés annexes, puis créez la class ou l’ID CSS, Répétez l’opération autant de fois que nécessaire, puis [...]
Virtual Box 4 : tester la compatibilité de son site sous différents OS
C’est bien connu, lorsque l’on teste la compatibilité de son site sous différentes versions de navigateurs, il est aussi préférable de tester le rendu sous différents OS. Entre le rendu des couleurs ou des polices , il n’est pas rare d’avoir quelques surprises annexes. Seulement voilà : posséder différentes machines nécessite un certain budget, et les DUAL Boots ne sont pas vraiment des solutions économiques en terme de temps. La solution se trouve donc auprès des machines virtuelles. Et ça tombe bien, car la solution open source d’Oracle VirtualBox, vient tout juste de sortir sa version 4 ! VirtualBox, qu’est-ce [...]
Protéger son adresse email grace aux raccourcis
Dans la série des outils destinés à raccourcir les Url de type bit.ly, tinyurl (en passant : 155 raccourcisseurs d’url), voici un petit nouveau spécialisé dans la création d’email courts : Scr.im. Rien de novateur, mais cela peut-s’avérer très pratique pour lutter contre le spam. Plus besoin de cacher son adresse email ou de trouver une quelconque parade (ex. afficher votre email sous forme d’image), une simple redirection et le tour est joué. L’avantage c’est aussi de pouvoir changer son adresse email sans vraiment la changer selon les besoins. Bref, une idée sympa, en espérant que le service soit sécurisé.
Décompresser/reformatter ses feuilles de styles CSS
Lorsque vous devez modifier une feuille de style CSS développée par quelqu’un d’autre, il est fréquent que la présentation ne corresponde pas à nos maniaqueries habitudes personnelles. Il est aussi possible que cette feuille de style CSS qui vous tombe entre les mains ait été optimisée afin d’améliorer son temps de chargement, mais qu’aucune version de développement (non-compressée) ne soit disponible. Dans les deux cas, un outil de décompression ou de mise en page s’avère pratique, et pour ce faire, direction mes les CSS prettifiers. Il en existe un certain nombre, mais voici le prettiest de ces CSS prettifiers : [...]
Calculer le temps de chargement de son site avec WebWait
Combien de temps cette page met-elle à charger ? La réponse se trouve (entre autres) sur l’outil de benchmark WebWait A la différence de pas mal d’outils en ligne du même genre, WaibWait télécharge l’intégralité de votre site via votre navigateur, ce qui a pour effet de tenir compte du traitement des images, JS & co. souvent oublié par les outils similaires. Bien sûr, afin que le résultat obtenu soit cohérent, 5 cycles de tests sont effectués (et de façon automatique s’il vous plait!), le bilan est donc une moyenne assez réaliste du temps de chargement de votre site. A [...]
Codes HTML des caractères spéciaux par pays
Après un petit problème isolé de caractère Polonais dans la journée, j’en profite pour vous faire part d’un outil simpliste mais très pratique pour convertir de l’Unicode vers le code html numérique (NCR) rapidement.(Voici pour info la class PHP probablement utilisée). Par ailleurs, voici une liste assez complète regroupant les principaux codes HTML des caractères Spéciaux de différents pays. Toujours pratique à avoir sous la main pour ceux qui comme moi travaillent souvent sur des sites internationaux (je ne compte même plus le nombre de fois ou j’ai cherché à copier/coller ce caractère : ß). Pour aller plus vite, voici [...]
Trouvez la palette de couleur d’une image
Comment définir simplement une palette de couleur pour un site Internet à partir d’une image de référence? Utilisez Image Palette (par CSS Drive) ! Il s’agit d’un outil plutôt efficace qui vous aidera à trouver les gammes de couleurs d’une image en 2 clicks : l’un pour uploader (ou insérer le l’url) votre image, l’autre pour valider. L’outil affichera alors les 4 palettes de couleurs correspondantes : tons clairs, moyens, foncés, palette de couleur complète. Il est bien entendu possible d’obtenir les codes Hexa de chaque couleur par simple rollover, mais aussi de sélectionner les 8 couleurs principales afin de [...]
Listes des Urls de partage des sites de bookmarking social
Utiliser les sites de bookmarking social comme vecteur de backlink et de trafic, à chacun son avis sur la question. Ce qui est sûr, c’est qu’à moins de passer par des outils de suggestions automatiques , il est souvent difficile de trouver des listes toute faite des URLs de partage. Voici donc une liste de près de 50 Urls pour partager vos contenus. Cette liste de 2009 est à priori toujours au goût du jour Et des fois que cette fabuleuse liste (en provenance d’AddThis aux dernières nouvelles) ne disparaisse, une petite sauvegarde online : http://myjeeves.ask.com/mysearch/BookmarkIt?v=1.2&t=webpages&url={url}&title={title} http://www.backflip.com/add_page_pop.ihtml?url={url}&title={title} http://ballhype.com/post/url/?url={url}&title={title} http://bebo.com/c/share?Url={url}&Title={title} http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url={url}&Title={title} [...]
Bugs CSS IE6 : rendre compabible sa feuille de style à l’aide d’IE6 Fixer
Dans la série « j’ai besoin de débugger mon site sous IE6″, voici une ressource très intéressante destinée à réduire le temps passé à la création d’une feuille de Style CSS spécifiquement destinée à IE6 : IE6 Fixer. Cet outil gratuit applique une série de corrections basiques sur les propriétés connues pour engendrer des problèmes de compatibilité avec IE6. Avec près de 60% des erreurs traditionnelles débuggées en un clic, il s’agit sans aucun doute d’un très bon point de départ pour commencer un travail de débuggage de site sous d’IE6. L’utilisation d’IE6 Fixer est très simple : Paramétrez 2/3 options [...]
