Papy Geek

Un blog différent sur tous les bons trucs du Web

Archive pour la catégorie ‘Outils

Créez vos polices en ligne

stats  lectures.

FontStruct est un site permettant de créer soit même des polices en ligne grâce à un outil en Flash.

FontStructing

C’est un peu le paint des polices. Il est possible d’exporter votre résultat au format ttf lorsque tout est terminé, mais aussi de partager vos polices avec les autres utilisateurs qui pourront alors les copier et les modifier.

Bon, ça risque de ne pas être évident de réussir une police méritant d’être dans Dafont… Mais si vous voulez quelque chose d’unique rapidement, ça peut le faire.

Au passage, Paint.net est sorti en version 3.30, très bon outil pour remplacer son vieux Paint

Tester un site web de A à Z

stats  lectures.

Popularité

Plusieurs services permettent de tester la popularité d’un site au sens large.

SocialMeter permet de calculer le nombre de liens pointant vers un site Web sur différents services dont certains services “sociaux” comme Delicious ou Digg.

Social Meter

popuri.us affiche plusieurs indicateurs très connus concernant la popularité et la diffusion du site.

popuri.us -- quickly check your site\'s Google PageRank, Alexa Rank and more!

Le service Page Strength de SEOMoz permet de calculer la “force” de votre site, principalement en fonctions du nombre de liens qui pointent vers votre site sur Google, Yahoo, Technorati, Digg, etc.

SEOmoz | Page Strength SEO Tool

TalkDigger permet de voir qui parle d’un site sur Internet, en interrogeant plusieurs services simultanément : Technorati, Google Blog, Digg, BlogPulse, etc.

Talk Digger Search for: \

Technologies

Built With affiche des informations concernant les technologies utilisées dans l’architecture du site via son Technology Profiler.

Exemple :

BuiltWith has detected Google Analytics, Google Adsense, RSS, PHP, WordPress, Atom, UTF-8, XHTML Transitional, MyBlogLog, Friends Network, Really Simple Discovery, WordPress Stats, Live Writer Support, Pingback Support, Cascading Style Sheets, Wordpress Plugins, Javascript already being used on papygeek.com

Technology and SEO Profile for papygeek.com

Affichage et Design

BrowserShots permet de tester le design d’un site dans différents navigateurs sous plusieurs systèmes d’exploitation (Linux, Windows et MacOS) :

Testez le design de votre site dans différents navigateurs - Browsershots

IE NetRenderer teste le rendu (et donc la compatibilité) dans plusieurs version d’Internet Explorer de Internet Explorer 5.5 à Internet Explorer 8 Beta 1.

IE NetRenderer - Browser Compatibility Check - www.papygeek.com

BrowsrCamp fait la même chose, mais avec les navigateurs de MacOSX (Safari pour la version gratuite disponible en ligne).

BrowsrCamp

Pour connaître le rendu sur un dispositif mobile, vous pouvez utiliser la démo Live d’OperaMini.

Opera Mini

Performances

L’outil de Pingdom Tools permet de simuler le téléchargement complet d’une page Web et d’obtenir le temps de téléchargement de chaque élément ainsi que de la page complète.

Pingdom Tools

Vous pourrez ainsi déterminer les éléments pénalisants comme les scripts externes.

WebPageAnalyser de Site24×7 fera le même genre d’analyse :

Site24x7 - Online tool to analyze webpage and its objects

Pour un rapport textuel, WebSiteOptimizer fera l’affaire.

Web Page Speed Report - WebSiteOptimization.com

L’extension Firefox Firebug permet de faire de nombreuses choses comme regarder le temps de chargement de chaque élément d’une page Web directement depuis son navigateur (ou modifier en live une page Web).

Firebug Net

Pour aller plus loin, il est possible d’installer l’extension développée par Yahoo YSlow qui permet de tester les performances et de donner une note au site testé. Les résultats sont donnés sous forme de conseils permettant d’améliorer son score.

Accessibilité/Navigation

Pour tester l’accessibilité d’un site Web, le validator du W3C est très efficace.

[Valid] Markup Validation of http://www.papygeek.com/ - W3C Markup Validator

HTML2TXT permet de tester le rendu du site au format texte. C’est utile pour l’accessibilité mais aussi d’un point de vue SEO, puisque ce contenu est à peu de choses près celui qui sera utilisé par les moteurs de recherches pour vous référencer.

html2txt- online service to convert web pages to plain text

SEO / Optimisation pour les moteurs de recherche

Google Webmaster Tools permet d’obtenir un nombre très important d’informations sur votre site Web : erreurs HTTP, pages non trouvées, liens morts, analyse du contenu (balises meta, titre… ), top des recherches, informations sur les liens internes et liens externes, gestion des sitemaps, etc.

Google Webmaster Tools - Overview

WebSite Grader permet de générer un rapport complet avec analyse des meta, du contenu, liens externes dans les annuaires et moteurs de recherche, etc. Le site obtient alors une note sur 100.

Web Site Marketing SEO Tools, SEO Score

La SEO Toolbox de SEOMoz fournit une compilation de plusieurs outils intéressants :

SEOmoz | SEO Toolbox - Free SEO Tools

Ranks.fr permet lui de suivre votre positionnement dans Google pour les mots clés choisis.

Ranks.fr Suivi de référencement google & position google

Supervision

ozMonitor permet de superviser votre site Web, et notamment de vous avertir par mail en cas d’indisponibilité.

ozMonitor ( Solution de supervision et de gestion des performances des sites web )

Ping

Just-Ping.com est un service permettant de voir si le site est disponible à travers le monde. Contrairement aux autres services de ping, Just-Ping utilise une vingtaine de lieux différents depuis lesquels les tests sont effectués. Alors, on vous entend en Chine ?

Just ping - Online ping - Online web-based ping- remote ping a server or web site using our network with 26 checkpoints worldwide

Who-Is et DNS

Who Is The Owner est un service de WhoIs plutôt complet qui vous donnera les informations sur le propriétaire de la page. Intéressant également si vous voulez voir quelles informations trainent à propos de votre site.

Who Is The Owner- - Universal Whois Online Service

Vous pouvez également utiliser le WhoIs de Domain Tools.

Domain Tools Who Is

Ou pour ceux qui aiment l’Ajax : AjaxDNS.

DNS Tools - Ajax DNS

Qui partage votre hébergement ?

Si vous êtes sur un hébergement mutualisé, plusieurs sites possèdent la même adresse IP que la votre et partagent donc vraisemblablement les ressources du serveur Web avec vous. Si un gros site est parmi ceux-ci, les performances de votre site peuvent être pénalisées.

Il existe plusieurs services permettant d’effectuer une requête IP inversée, c’est à dire connaître les noms de domaines correspondant à une adresse IP.

On peut citer notamment le “Reverse IP DNS Domain Check Tool” de seologs.com :

Reverse IP DNS Tool - Find Domains That Share Your IP Address.

Ou le “Reverse IP Domain Check” de YouGetSignal :

YouGetSignal.com - Find Other Web Sites Hosted on a Web Server

Quel est l’hébergeur ?

Vous trouvez qu’un site répond à une vitesse folle alors que le votre est plutôt lent ? Pour connaître quel est l’hébergeur d’un site Web vous pouvez intérogger le site Who Is Hosting This.

Who is Hosting fr.techcrunch


N’hésitez pas à proposer les services que vous utilisez fréquemment dans les commentaires de l’article, je les rajouterai à la liste.

Fin de Stage6 : héberger soi-même les vidéos

stats  lectures.

Avec la fin du site d’hébergement de vidéo Stage6, certains ne savent plus quoi faire de leurs vidéos HD.
D’autres plates-formes proposent de la pseudo-HD comme Dailymotion, mais rien n’égale actuellement la qualité du lecteur de DivX, tant en terme d’image que de performance (le flash sur les vieilles machines, aïe, aïe, aïe.).

Pour pouvoir conserver votre travail autrefois sur Stage6, vous pouvez très bien télécharger vos vidéos si besoin, puis les héberger sur votre site.

Stage6 - Videos - hd

Stage6 utilisait en effet le DivX Web Player fournit avec le codec DivX. Et même si Stage6 est mort, le codec lui n’est pas près de disparaître. Vous pouvez donc très bien utiliser le DivX Web Player ailleurs que sur Stage6.

Pour cela, la technique est simple. Le fichier doit tout d’abord être au format AVI (ou .divx). Vous pouvez utiliser DivX Converter pour convertir vos vidéos.

Il faut ensuite uploader le fichier AVI sur votre site, ou sur n’importe quel espace Web (pages persos Free par exemple).

Dernière étape : générer le code nécessaire à l’intégration de la vidéo sur le site.

Le code est de cette forme :

<object classid="clsid:67DABFBF-D0AB-41fa-9C46-CC0F21721616" width="640" height="500" codebase="http://go.divx.com/plugin/DivXBrowserPlugin.cab">
 
 <param name="custommode" value="Stage6" />
 
  <param name="previewImage" value="http://www.monserveur.com/mavideo.jpg" />
  <param name="autoPlay" value="false" />
  <param name="src" value="http://www.monserveur.com/mavideo.avi" />
 
<embed type="video/divx" src="http://www.monserveur.com/mavideo.avi" custommode="Stage6" width="640" height="500" autoPlay="false"  previewImage="http://www.monserveur.com/mavideo.jpg"  pluginspage="http://go.divx.com/plugin/download/">
</embed>
</object>
<br>Pas de video? Téléchargez le DivX Web Player pour <a style="text-decoration: underline;" href="http://download.divx.com/player/DivXWebPlayerInstaller.exe">Windows</a> ou <a style="text-decoration: underline;" href="http://download.divx.com/player/DivXWebPlayer.dmg">Mac</a>

Il faut modifier les paramètres “previewImage” et “src” au dessus et l’adapter à vos vidéos. Vous pouvez également modifier les dimensions de la vidéo.

Pour faciliter le travail, DivX a mis au point le DivX Web Player Code Generator permettant de générer ce code.

DivX Web Player Code Generator - DivX Labs - Everywhere Communication Occurs Community Happens

Et voilà le résultat :

Bon film !

Super Screenshot est parfait pour les blogueurs itinérants désirant prendre des captures d’écran de sites Web. Il ne nécessite en effet aucune configuration particulière, pas d’inscription, pas d’extension pour son navigateur comme Screengrab, et est bien évidemment gratuit.

Pour pousser un peu le vice, voici donc un meta-screenshot de Super Screenshot, effectué avec le site lui-même :

Super Screenshot

Les options sont simples mais efficaces : on peut capturer seulement la partie visible de la page Web ou alors la page complète, choisir sa résolution (X-Small, Small, Medium, Large ou Full) et le format de sortie (JPEG ou PNG).

Puisque tous les sondages tendent à prouver que les lecteurs préfèrent les articles illustrés, vous savez maintenant ce qu’il vous reste à faire.

5 adresses email pour convertir ses documents

stats  lectures.

J’avais déjà parlé dans un ancien article des adresses email indispensables.

Lire la suite »

iGoogleBar est une extension Firefox permettant d’enrichir la barre de menu présente dans la plupart des applications Google.

Lire la suite »

mp3zy : streaming et téléchargement de MP3

stats  lectures.

Voici encore un nouvel outil pour télécharger et écouter des MP3 : mp3zy. Le site se présente sous la forme d’un moteur de recherche où il est possible d’entrer l’artiste, l’album ou le titre recherché.

Lire la suite »

Les meilleures polices de caractères pour coder

stats  lectures.

Si vous passez de longues heures à coder devant votre HTML, votre PHP, votre Java ou je ne sais quoi d’autre, il ne faut pas négliger le choix d’une bonne police d’écriture. Donc autant ne pas laisser Windows choisir à votre place.

Lire la suite »

Télécharger sur RapidShare

stats  lectures.

Télécharger sur RapidShare est souvent un vrai calvaire : il faut attendre que le téléchargement soit prêt, ne pas dépasser les limites et faire avec l’interface pour le moins fouillis. Cryptload va vous permettre de résoudre tous ces problèmes.

Lire la suite »

Freebox HD : lire les fichiers MKV avec vidéo H264

stats  lectures.

Si vous êtes un heureux possesseur de la Freebox HD de Free, vous connaissez peut-être déjà les limitations du media player intégré. En effet, celle-ci ne sait normalement lire que les fichiers utilisant les containers AVI et TS.
Les fichiers AVI peuvent contenir de la vidéo au format DivX ou Xvid, et les fichiers TS peuvent contenir en plus du MPEG1 et MPEG2.
Côté audio, le MP3, l’AC3 et le DTS sont supportés.

Lire la suite »

Apartés

  • L'avenir des stations services :

    zero-carbonista

    - #
  • Boom! Je veux bien voir le lance-roquettes qui va avec.

    headshot

    - #
  • Astro le petit robot XXL ?

    transformers

    - #
  • La pauvreté : même les plus puissants en sont victimes.

    poverty_rangers_by_jonnystarwind

    - #
  • Niko Bellic plus vrai que nature...

    niko-bellic

    - #