CTRL+Shift+F2: Accéder au Menu Pomme

Un autre raccourci clavier peut-être intéressant pour ceux qui ne sont pas fans des Spaces et de Expose

CTRL+Shift+F4: Cycle parmis les différentes applications ouvertes

Ce dernier raccourci clavier est aux fenêtres de différentes applications ce que Command+` est aux différentes fenêtre d'une même application.

© Marin for Gatellier.be, 2010. | Permalink | One comment | Add to del.icio.us
Post tags: apple menu, hidden feature, keyboard shortcut, macosx

traceroute <host|ip>

et surtout pour annuler la requête, sur OSX c'est :

ctrl+z et pas command+z ni esc

Quand j'insiste sur la consistance c'est vraiment pas pour rien...

© Marin for Gatellier.be, 2009. | Permalink | One comment | Add to del.icio.us
Post tags:

Prérequis

Quelques ingrédients sont nécessaires pour avoir une signature automatique :

• Un navigateur internet (Firefox/Safari/Chrome/Opera/IE)
• L'addon GreaseMonkey pour Firefox ou équivalent :
  • GreaseMetal pour Chrome
  • SIMBL et GreaseKit pour Safari MacOSX
  • gm4ie pour Internet Explorer
  • rien de spécial pour Opera, on peut directement exécuter des userscripts
• Un fichier JavaScript.

Amicalement, Greasemonkey

Greasemonkey est une extension qui vous permet d'écrire des scripts pour modifier les pages que vous visitez.

Voici le script :

//<![CDATA[
// ==UserScript==
// @name		Amicalement Greasemonkey
// @author		Marin Gatellier
// @namespace	http://www.gatellier.be/blog/
// @description	Ads your signature into textareas
// @include		*
// ==/UserScript==
(function(){
	var t=document.getElementsByTagName("TEXTAREA");
	var signature="\n\nAmicalement,\nGreasemonkey";
	for (var i=0,j=t.length;i<j;i++){
		if (t[i].value.indexOf(signature)<0){
			t[i].value=t[i].value+signature;
		}
	}
})()
//]]>

Vous devez évidemment modifier la variable signature (ligne 10) avec votre propre signature.

Petites astuces :

\n

représente une nouvelle ligne

\t

représente un tab

\\

représente un backslash

Une fois installé, ce petit script ajoutera automatiquement votre signature à chaque textearea de chaque site web (peut être customisé par site)

Installer le script Amicalement Greasemonkey

© Marin for Gatellier.be, 2008. | Permalink | 4 comments | Add to del.icio.us
Post tags: greasemonkey signature

Cette nouvelle version apporte plein de changements sous le capot mais aussi une nouvelle icône de status qui me chipote un peu.

La nouvelle icône de status de Firebug, qui reprend le logo Firebug, passe vraiment inaperçue. Elle manque vraiment de contraste par rapport aux autres icônes qu'on pourrait avoir dans la barre de status.

La nouvelle icône de status Firebug passe inaperçue.

La bonne nouvelle c'est que, vu l'architecture des Addons Firefox, l'ancienne icône peut être facilement rétablie.

Localisation du fichier CSS de Firebug.

Pour ce faire, il faut trouver et éditer la CSS qui gère la présentation de Firebug.
Sur Windows, par défaut, elle se trouve dans le répertoire :

C:\Documents and Settings\User\Application Data\Mozilla\Firefox​\Profiles\la1xxvhe.default\extensions\firebug@software.joehewitt.com​\skin\classic\firebug.css

Les parties en italiques sont des parties qui différeront sur votre PC.

Sur MacOS, il faut chercher un petit peu, l'explication se trouve sur le site de support Mozilla.

Edition du fichier CSS.

Pour rétablir l'ancienne icône de Firebug, j'ai simplement quitté Firefox puis remplacé les lignes suivantes dans le fichier CSS :

#fbStatusIcon {
    list-style-image: url(chrome://firebug/skin/firebug-gray-16.png);
}
#fbStatusIcon[jsd="on"] {
    list-style-image: url(chrome://firebug/skin/firebug16.png);
}
#fbStatusIcon[net="on"] {
    list-style-image: url(chrome://firebug/skin/firebug16.png);
}
#fbStatusIcon[errors="on"] {
    list-style-image: url(chrome://firebug/skin/firebug16.png);
}

par :

#fbStatusIcon {
    list-style-image: url(chrome://firebug/skin/disabledIcon.png);
}
#fbStatusIcon[jsd="on"] {
    list-style-image: url(chrome://firebug/skin/okIcon-sm.png);
}
#fbStatusIcon[net="on"] {
    list-style-image: url(chrome://firebug/skin/okIcon-sm.png);
}
#fbStatusIcon[errors="on"] {
    list-style-image: url(chrome://firebug/skin/okIcon-sm.png);
}

Et hop, une fois Firefox redémarré, l'ancienne icône, beaucoup plus visible, est restaurée.

Liens relatifs :

• Get Firebug
• Ranger les icônes de sa barre de status

© Marin for Gatellier.be, 2008. | Permalink | 4 comments | Add to del.icio.us
Post tags: firebug, firefox 3, fix, status icon

Ma version: Firefox 2.0.0.14 (2008040413)

Operating System: WINNT (x86-msvc)

• Adblock Plus 0.5.11.4
  Firefox 0.7 - 3.*
  Filters ads from web-pages. Now with whitelisting and synchronization.
• Better Flickr 0.2.1
  Firefox 0.8 - 3.0
  Enhances Flickr with Greasemonkey user scripts.
• BetterPrivacy 1.14
  Firefox 1.5 - 3.0.*
  Super-Cookie Safeguard
• Bloglines Toolkit 1.6.8
  Firefox 1.5 - 2.0+
  Browser utilities for use with Bloglines
• Colour Contrast Analyser 0.96
  Firefox 0.7 - 3.*
  Examines the colour contrast of elements in the DOM.
• Context Search 0.4.1
  Firefox 2.0a2 - 3.0b3pre
  Expands the context menu's 'Search for' item into a list of search engines.
• del.icio.us Complete 1.3
  Firefox 0.8 - 2.0.*
  del.icio.us is a social bookmarks manager. It allows you to easily add sites you like to your personal collection of links, to categorize those sites with keywords, and to share your collection not only between your own browsers and machines, but also with others.
• DevBoi 0.5.1
  Firefox 1.5 - 2.5
  Adds a sidebar with web-development references.
• DevBoi PHP Package 0.1.0
  Firefox 1.5 - 2.5
  Adds PHP reference to DevBoi
• DevBoi: Prototype JS Reference (1.5.1) 0.0.3
  Firefox 1.5 - 3.0
  Adds Prototype JavaScript Library reference to DevBoi
• DOM Inspector 1.8.1.14
  Firefox 2.0.0.14 - 2.0.0.14
  Inspects the structure and properties of a window and its contents.
• Dublin Core Viewer 0.5
  Firefox 1.5 - 3.0a1
  Displays Dublin Core Metadata embedded into the <head> section of an XHTML Web page using the <meta> and <link> elements.
• Dust-Me Selectors 2.0
  Firefox 1.5 - 2.0.0.*
  Finds unused CSS selectors
• Extension List Dumper 1.13.1
  Firefox 1.5 - 3.0b5
  Dumps a list of the installed extensions.
• Fangs 1.0.3
  Firefox 1.0 - 2.0+
  Renders a text version of a web page similar to screen reader output.
• Firebug 1.05
  Firefox 1.5 - 2.0.0.*
  Web Development Evolved
• Firecookie 0.0.6
  Firefox 2.0 - 3.0b5pre
  Cookie manager for Firebug. Firebug has to be installed in order to use this extension.
• Firefox Accessibility Extension 1.4.0.4
  Firefox 1.5 - 3.0b5pre
  Adds tools for accessible navigation and the development of accessible web content.
• Firefox Throttle 1.00
  Firefox 1.5 - 2.0.0.*
  Bandwidth utilization throttling plug-in for Firefox.
• Geo 0.8
  Firefox 1.5 - 3.0.*
  Opens useful sites for pages geographically marked with ICBM or geo.position META tags.
• Gmail Notifier 0.6.3.3
  Firefox 1.5 - 3.0
  A notifier for Gmail accounts.
• Go Up 1.0
  Firefox 1.5 - 2.0.0.*
  Easily navigate 'up' a level in a web site
• Google Gears 0.3.14.2
  Firefox 1.5 - 2.0.*
  These are the gears that power the tubes!
• Google Notebook 1.0.0.20
  Firefox 1.5 - 3.0.*
  Allows notetaking while browsing
• Google Pagerank Status 0.9.8
  Firefox 1.5 - 2.0+
  Display the Google PageRank in your browser's status bar.
• Greasemonkey 0.7.20080121.0
  Firefox 1.5 - 3.0b5
  A User Script Manager for Firefox
• How'd I Get Here 0.1.2
  Firefox 1.5 - 2.0.0.*
  Helps you remember how you first discovered a site.
• Html Validator 0.8.4.0
  Firefox 1.0 - 2.0.0.*
  Adds HTML validation to the View Page Source of the browser. The validation is done by Tidy from W3c.
• IE View 1.3.7
  Firefox 1.0 - 3.0.*
  Open pages in IE via Firefox menus
• JavaScript Debugger 0.9.87.3
  Firefox 0.9 - 3.0pre
  JavaScript debugger and profiler
• keyconfig 20060828.1
  Firefox 1.5.0.6 - 2.0.0.14
  Rebind your keys.
• KGen 0.3
  Firefox 1.0 - 3.0.*
  Display strongest keywords of a webpage
• LinkChecker 0.6.2
  Firefox 1.5 - 3.0b5
  Check the validity of links on any webpage.
• Linky 2.7.1
  Firefox 0.7 - 2.0+
  Open/download/validate links and pictures in tabs or windows
• Live HTTP Headers 0.14
  Firefox 0.8 - 3.0.*
  View HTTP headers of a page and while browsing.
• Longdesc 0.6
  Firefox 1.5 - 3.0.*
  Makes an image's longdesc link attribute accessible via context menu.
• Mobile Barcoder 0.1.4
  Firefox 1.0 - 3.0b4
  Generate on-the-fly barcodes to zap with your mobile device
• ocawatoolbar 1.1.6.2
  Firefox 1.5 - 2.1
  Check accessibility of your web site.
• Operator 0.9.3
  Firefox 2.0 - 3.0.*
  The Semantic Web in Action
• OperaView 0.6.1
  Firefox 1.0 - 3.0.*
  Open pages in Opera from Firefox, Mozilla, Flock and Netscape 8 context menus.
• pageaddict 0.4
  Firefox 1.5 - 3.0b4pre
  Monitor your internet addiction
• PicLens 1.6.4.3021
  Firefox 2.0 - 2.0.0.*
  Discover More
• SecurePassword Generator 0.5.1
  Firefox 0.7 - 2.*
  Creates a toolbar icon and dialog which helps to create secure passwords.
• Stylish 0.5.7
  Firefox 1.5 - 3.0.*
  Customize the look of websites and of the user interface.
• Tab Clicking Options 0.6.9
  Firefox 1.0 - 3.0.*
  Assign tab related actions to clicking events on a tab or the tabbar
• Tails Export 0.3.2
  Firefox 1.5 - 2.0.0.*
  Extension for Showing and Exporting Microformats.
• Tamper Data 10.0.4
  Firefox 2.0 - 3.0.*
  View and modify HTTP/HTTPS headers etc. Track and time requests.
• Unicode converter/Input Tool 2.099
  Firefox 1.5 - 3.0b2
  Converts character references, etc. into Unicode and back
• User Agent Switcher 0.6.11
  Firefox 1.0 - 3.0.*
  Adds a menu and a toolbar button to switch the user agent of the browser.
• View Cookies 1.6
  Firefox 1.0 - 2.0.0.*
  View cookies of the current web page.
• View Dependencies 0.3.2.2
  Firefox 1.0 - 2.0.0.*
  Adds a tab listing dependencies and their sizes in the Page Info window.
• ViewSourceWith 0.1.1
  Firefox 1.5 - 3.0.*
  View page source with external application
• Web Developer 1.1.6
  Firefox 1.0 - 3.0.*
  Adds a menu and a toolbar with various web developer tools.
• XHTML Mobile Profile 0.5.3
  Firefox 1.0 - 3.0b5
  Allows XHTML Mobile Profile to be displayed in the browser.
• YSlow 0.9.5b1
  Firefox 1.5 - 3.0b5
  Make your pages faster with Yahoo!'s performance lint tool.

Je teste aussi évidemment mon code sur IE 6, 7, 8 (et des fois sur 5.5), Opera 9.27, 9.5b, FF 3RC1, Safari etc...

© Marin for Gatellier.be, 2008. | Permalink | 7 comments | Add to del.icio.us
Post tags: addons, emakina, extensions, Firefox, integrator

© Marin for Gatellier.be, 2008. | Permalink | 5 comments | Add to del.icio.us
Post tags:

Les expressions CSS d'Internet Explorer

En effet, les expressions CSS (apparues avec IE5) permettent de calculer dynamiquement (via JScript) les différentes propriétés stylistiques.

On attribue une valeur calculée par JScript à une propriété CSS d'un élément html. Les différents objets du DOM sont supportés

#centeredDiv {
	position:absolute;
	left:
		expression(
			(document.body.clientWidth/2)-
			(this.offsetWidth/2)
		);
	top:
		expression(
			(document.body.clientHeight/2)-
			(this.offsetWidth/2)
		);
}

Sur Internet Explorer, cet exemple positionnerait l'élément ayant un id centeredDiv au centre de la page en le positionnant à la différence de la moitié hauteur de la page (document.body.clientHeight/2) et de la moitié de sa hauteur (this.offsetWidth/2). Notez que this représente l'objet en lui-même.

© Marin for Gatellier.be, 2007. | Permalink | 14 comments | Add to del.icio.us
Post tags:

Vu que la communauté WordPress (en Belgique) grandit de plus en plus, et (surtout) au détriment de Dotclear, et que d'autres se tâtent encore, je mets à disposition des intéressé(e)s la liste des plugins WordPress que j'utilise.

Tout cela parce que c'est parfois un peu difficile de trouver le plugin qu'il nous faut. Ceci dit, votre liste de plugin wordpress m'intéresserait aussi.

La liste de mes plugins WordPress

Cette liste reprend les plugins installés sur mon blog et donc compatible WordPress 2.1

Better Feed

Ce plugin permet d'adapter votre flux RSS en y ajoutant nombre de commentaires, liste d'articles liés, etc.

Counterize

Ce plugin rajoute une onglet, dans l'interface d'administration de mon blog, grâce auquel je peux suivre l'évolution des visiteurs de mon blog.

DoFollow

Ce plugin désactive l'ajout de l'attribut rel="nofollow" pour les commentaires d'un certain âge (paramétrable dans la console d'administration).

Dunstan's Time Since

Ce plugin permet d'afficher d'une manière plus sympathique la date des articles et des commentaires.

Enhanced Post List

Affichait, pour les versions de WordPress avant 2.x, la liste des posts de manière améliorée.

Geo

Ce plugin permet de spécifier des coordonnées géographiques aux articles que l'on poste. Il rajoute aussi pas mal de méthodes au Loop WordPress.

Get Recent Comments

Ce plugin liste vos commentaires et vos liens réciproques de manière élégante.

Google Sitemaps

Ce plugin crée un fichier xml au format Google Sitemaps pour faciliter l'indexation de vos fichiers par les moteurs de recherche.

OpenID Registration

Ce plugin ajoute l'option de s'enregistrer ou de poster des commentaires sous le couvert de l'OpenId.

Optimal Title

Magnifique pour la SEO : ce plugin change des éléments du <title> de vos articles.

Photopress Plugin

C'est ce plugin qui gère mes galeries d'images. Je passe toujours par lui pour uploader les images qui seront affichées dans mes articles.
J'ai juste un problème avec les caractères accentués.

PJW WordPress Version Check

Ce plugin pour l'interface d'administration vous alerte lorsqu'une version plus récente de WordPress est disponible. Il m'a forcé déjà plusieurs fois à mettre à jour mon blog.

Related Posts

Ce plugin permet de lister les articles relatifs à celui que vous êtes en train de lire en fonction de mots clefs (spécifiés ou non). Je suis en train de le tester.

Spam Karma 2

C'est mon plugin anti-spam par excellence. Certains préféreront Akismet fourni avec WordPress, mais moi, je préfère celui-ci

Text Control

Ce plugin vous permet de modifier la façon dont WordPress gère le formatage de texte. J'ai tout désactivé, je travaille dans un éditeur html.

Time Zone

Ce plugin modifie automatiquement l'heure du blog en fonction des changements d'horaire.

Ultimate Google Analytics

Ultimate Google Analytics vous permet de suivre en détail les visites sur votre compte Google Analytics.

WordPress Mobile Edition

C'est peut-être mon plugin préféré : il sert une version allégée du site pour les navigateurs mobiles. À voir !

WordPress Reports

Ce plugin affiche, dans votre console d'administration, une vue graphique de vos statistique Google Analytics et Feedburner.

WP-ContactForm

Ce plugin ajoute un formulaire de contact sur votre blog. Un message de confirmation est affiché après la soumission du formulaire. J'emploie la version originale, sans captcha ou autre.

WP-ServerInfo

Un plugin de geek pour finir : celui-ci affiche les informations des versions PHP et MySQL du serveur sur lequel votre blog tourne.

Mes plugins challengers

J'étudie aussi la possibilité d'installer Subscribe to Comments, Pages+, SideBlog et Slimstat dans un avenir proche.

© Marin for Gatellier.be, 2007. | Permalink | 24 comments | Add to del.icio.us
Post tags:

Spécifiez les répertoires à valider, et scannez. Tidybot génèrera un rapport complet pour les pages contenant des erreurs de syntaxe (x)html voir l'exemple de rapport de page Tidybot.

Des paramètres avancés vous permettent de spécifier, entre autres, de ne pas afficher tel type fichier ou tels types d'erreurs.

Dommage seulement de ne pas pouvoir vérifier des pages en ligne. Disponible pour Window et Unix avec ou sans interface

Liens relatifs :

• La page du validateur Tidybot
• L'exemple de rapport de page tidybot
• Via : l'excellent WATS.ca (excellente ressource d'outils de développement).

© Marin for Gatellier.be, 2007. | Permalink | No comment | Add to del.icio.us
Post tags:

Format XML OpenSearch

Les définitions des différents éléments composant un XML OpenSearch nous aident à composer notre propre plugin de recherche.
Pour une installation standard de Firefox, vous trouverez les plugins déjà installés dans le répertoire C:\Program Files\Mozilla Firefox\searchplugins. Normalement ce répertoire ne contient que des fichiers .xml qui sont les définitions des plugins. Prenons-en un, le fichier amazon.xml

<SearchPlugin xmlns="http://www.mozilla.org/2006/browser/search/">
<ShortName>Amazon.com</ShortName>
<Description>Amazon.com Search</Description>
<InputEncoding>ISO-8859-1</InputEncoding>
<Image width="16" height="16">data:image/x-icon;base64,iVBORw0KGgoA...=</Image>
<Url type="text/html" method="GET" template="http://www.amazon.com/exec/obidos/external-search/">
	<Param name="field-keywords" value="{searchTerms}"/>
	<Param name="mode" value="blended"/>
	<Param name="tag" value="mozilla-20"/>
	<Param name="sourceid" value="Mozilla-search"/>
</Url>
<SearchForm>http://www.amazon.com/</SearchForm>
</SearchPlugin>

SearchPlugin

Définition du namespace des différents nodes du fichier xml (dans ce cas-ci, on parle de la définition de Firefox)

ShortName

Nom du plugin de recherche

Description

Description du plugin de recherche

InputEncoding

Encodage des caractères du formulaire

Image

Définition de l’icône qui sera ajoutée dans l’interface de recherche encodée en Base64

Url

Contient les différents attributs du formulaire de recherche

type

Format dans lequel les données sont envoyées au serveur

method

GET ou POST méthode d’envoi des données au serveur

template

C’est l’ACTION du formulaire de recherche

Param

Les différents champs qui sont passées au formulaire. Le champ sur lequel se fait la requête doit avoir la value="{searchTerms}". C’est les termes qui seront entrés dans le formulaire de recherche de Firefox

SearchForm

C’est le lien vers les soumissions de formulaires vides iront.

Analyse d’un formulaire à convertir en plugin.

Pour un premier exemple, je me suis basé sur la page d’accueil de Tutmaks.com (excellente ressource de tutoriels). Le moteur de recherche du site ne fonctionnant pour l’instant que sur des pages /index.php et pas sur les pages de détail /story.php.

A l’aide de l’Inspector de Firebug, j’ai facilement repéré que le nom du champ du formulaire était “search” l’action est vide (d’où l’erreur ci-dessus).

<InputEncoding>ISO-8859-1</InputEncoding>
<Url type="text/html" method="GET" template="http://tutmarks.com/index.php">
	<Param name="search" value="{searchTerms}"/>
</Url>

Pour un second exemple, j’ai pris la recherche inversée de numéros de téléphone sur 1307.be.

Il y a plusieurs champs cachés dans ce formulaire-ci. J’ai repris les nom et valeurs de ces champs en tant que Param de mon XML

<InputEncoding>ISO-8859-1</InputEncoding>
<Url type="text/html" method="POST" template="http://1307.be/fr/servlets/ReverseServlet">
	<Param name="number" value="{searchTerms}"/>
	<Param name="iso_language" value="fr"/>
	<Param name="template" value="1x07be"/>
</Url>

Ajout de l’icône du plugin de recherche.

J’ai repris les favicônes des sites repectifs. Je les ai enregistrées sur mon ordinateur et je les ai converties en base64 avec cet outil. De ce fait, les images sont transformées en code et sont plus facilement transportable d’un environnement à un autre (les images sont incluses dans le fichier XML sous forme de code).

La documentation OpenSearch précise qu’on peut aussi mettre une url vers une icône de favori ou autre image.

<Image height="16" width="16" type="image/x-icon"><br />
http://example.com/favicon.ico<br />
</Image><br />

Code à rajouter dans les pages html.

Pour que le plugin soit à la disposition de tout le monde, il faut l’insérer dans les pages de votre site.

Cela se fait aisément en ajoutant une balise link real="search" dans le header de la page html.

<link rel="search" type="application/opensearchdescription+xml" title="Tutmarks.com" href="/chemin-vers/définition.xml">

Ajouter les plugins créés à Firefox 2.

Quand un plugin de recherche a été trouvé par Firefox, l’icône de la liste des moteurs de recherche prend un fond bleuté.

En cliquant sur cette icône, on peut voir la liste des plugins de recherche. Dans le bas du menu, on peut rajouter les différents plugins de recherches.

L’ordre des moteurs de recherche peut être modifié et on peut aussi en supprimer via l’interface de gestion des plugins de recherche

Le plugin de recherche Tutmarks pour Firefox 2 prêt à l’usage.

Liens relatifs

• l’organisation OpenSearch
• Documentation sur le site Mozilla des plugin OpenSearch
• Tutorial pour les extensions Firefox avant la version 2
• Encoder et décoder en Base64 en ligne

© Marin for Gatellier.be, 2006. | Permalink | 17 comments | Add to del.icio.us
Post tags:

On a vu récemment que sous Firefox, il était très facile de tracer les requêtes Ajax avec l'extension Firebug.

Et pour Internet Explorer?

Il existe une application multi platforme (Win/MacOS/Linux) qui permet de renifler tout le traffic passant par les navigateurs. Le nom de ce bonheur pour les développeurs: Charles

Une fois installé et activé, Charles se comporte comme un serveur proxy et enregistre les différentes requêtes HTTP

L'analyse des données de la partie droite de l'écran permet de retrouver une foule d'informations sur la ressource demandée. Dans ce cas-ci, il s'agissait d'un flux RSS.

L'onglet Général nous indique tout ce qui est relatif au fichier demandé lui-même (taille, vitesse de téléchargement, etc), l'onglet Request reprend ce que le browser a demandé au serveur, et l'onglet Response reprend ce que le serveur a répondu.

Exactement ce qu'on cherche pour déboguer nos applications Ajax.

Comme ce programme se comporte comme un proxy, il capture tous le traffic, même les requêtes qui sont faites par des fichier .swf tels des diaporamas ou des applications FlashComm

Quand je vous disais que c'était le bonheur !

Disponible sur le site du développeur, la version d'essais est tout à fait fonctionnelle sauf qu'elle s'arrête après trente minutes (assez pour certains). Sinon, l'application coûte US$50,-. Pas si cher que ça.

Liens relatifs

• Charles Web Debugging Proxy
• Déboguer grâce à Firebug

© Marin for Gatellier.be, 2006. | Permalink | 6 comments | Add to del.icio.us
Post tags:

Je suis presque tombé de ma chaise. Je ne connaissais pas la moitié des capacités de cette merveilleuse extension de débogage pour FireFox, que j'emploie quand même depuis un bout de temps (v0.2 si les souvenirs sont bons).

Avant, je ne l'employais que pour tracer mes appels Ajax et les réponses du serveur et tester des variables et fonctions, le tout dans la console.

Je n'avais pas vraiment vu la puissance du débogueur.

Une petit explication s'impose.

Pour que Firebug s'arrête à chaque erreur, il faut que l'option soit activée. (onglet "Debugger", menu "Options").

Je pensais que toutes les options étaient regroupées à un seul endroit. Soit, je m'encroûte, soit l'interface n'est pas super parlante.

Bon maintenant regardons tout ce que l'on peut faire avec ce débogueur.

Le principe est le suivant : on appelle des méthodes de l'objet console en lui passant des paramètres.

console.log("message" [,objects])
console.debug("message" [,objects])
console.info("message" [,objects])
console.warn("message" [,objects])
console.error("message" [,objects])
etc...

La liste complète des méthodes de Firebug est bien évidemment disponible en ligne.

Vraiment bien fait ces petites méthodes (surtout celles qui permettent d'évaluer le temps qu'un javascript met).

Adopté par toute l'équipe des intégrateurs, et certains développeurs. Merci Joe Hewitt !

Liens relatifs :

• Firebug, l'extension de débogage pour Firefox
• Le blog du développeur de l'extension Firefox
• La vidéo explicative - qui m'a révélé le potentiel de Firebug
• Un autre article intéressant sur Firebug

© Marin for Gatellier.be, 2006. | Permalink | No comment | Add to del.icio.us
Post tags:

Vous entrez le nom de domaine convoité dans le champs et après quelques secondes, vous saurez si le nom est libre ou déjà enregisté.

L'avantage est que la page n'est pas rafraîchie, le curseur de l'utilisateur reste dans le champs donc, dès que l'utilisateur reçoit une réponse, il peut directement entrer un autre terme de recherche.

Il y a un petit incovénient: comme le service vérifie en direct la disponibilité de différents TLD (.com, .net, .org, .be), ça prend un peu de temps.

Lien relatif :

• AjaxWhois

© Marin for Gatellier.be, 2006. | Permalink | 3 comments | Add to del.icio.us
Post tags:

Liens relatifs

• les raccourcis clavier pour Internet Explorer 7
• les raccourcis clavier pour Firefox
• les raccourcis clavier pour MacOS X
• les raccourcis clavier pour lancer des applications
• via: msfw

© Marin for Gatellier.be, 2006. | Permalink | No comment | Add to del.icio.us
Post tags:

Sur une grille que vous pouvez agrandir ou rétrécir, vous sélectionnez votre couleur préférée et vous remplissez les cases. La prévisualisation du fond de la page est instantanée.

Une fois que vous êtes fiers de votre dessin, vous pouvez le télécharger au format .png.

A votre disposition aussi, la galerie des réalisation, par type (icône ou image de fond) ou par nombre de téléchargement.

ça me rappelle que je dois encore mettre un favicon sur mon blog.

Liens relatifs :

• bgMaker
• via: le blog du patron d'un éditeur de bien jolis tshirts
• Créer des icônes 'chargement en cours' pour ses applications Ajax
• Créer son logo Web2.0 en ligne
• Créer ses boutons en ligne: Buttonator

© Marin for Gatellier.be, 2006. | Permalink | No comment | Add to del.icio.us
Post tags:

Dans la série, internet peut m'aider à créer des images (logo ou bouton) en ligne, voici le service de création d'icônes "loading", qui sont souvent utilisées pour les applications Ajax pour montrer aux utilisateurs que "quelque chose se passe" après une interaction du visiteur.

Quelques exemples d'icônes via ajaxload :

Verdict :

Ce qui est bien, c'est la possibilité de changer le type d'icône, les couleurs d'avant et d'arrière plan de l'image, et mettre la couleur de fond transparente (attention avec ceci, il s'agit d'une transparence gif couleur index).

Quel gain de temps !

J'espère quand même qu'on ne va pas trop abuser de ces icônes parce que ça risquerait de finir comme les "skip intro" des film flash d'il y a quelques temps.

Bizarrement, chez moi, le service ne marche pas sur Firefox.

Liens relatifs :

• ajaxload.info : le site pour créer des icônes "chargement en cours" pour ses applications Ajax.
• Créer son logo Web2.0 en ligne
• Créer ses boutons en ligne: Buttonator

© Marin for Gatellier.be, 2006. | Permalink | 5 comments | Add to del.icio.us
Post tags:

© Marin for Gatellier.be, 2006. | Permalink | No comment | Add to del.icio.us
Post tags:

Un raccourci clavier pour activer Launchy et vous pouvez directement taper le nom de l'application que vous désirer exécuter. La liste est des applications est par défaut celle qui se trouve dans votre menu démarrer mais, vous pouvez la configurer vous même, tout comme le raccourci clavier pour activer Launchy.

Il y a différentes "skins" pour changer l'apparence de Launchy.

C'est gratuit et moi, j'adopte !

Liens relatifs:

• Le site Launchy.net
• Télécharger Launchy
• Via ebusiness par l'exemple

© Marin for Gatellier.be, 2006. | Permalink | No comment | Add to del.icio.us
Post tags:

Beaucoup plus rapide qu'une capture d'écran et retrouver la taille dans votre éditeur graphique préféré, cette petite application fera le bonheur de tous les intégrateurs, graphistes web et consort.

Le logiciel est payant, mais ce n'est pas pénalisant: seules les mesures diagonales sont désactivées en mode non-enregistré.

Lien relatif:

• ScreenCaliper

© Marin for Gatellier.be, 2006. | Permalink | No comment | Add to del.icio.us
Post tags:

Parfois, la tâche de fond explorer.exe (qui gère les fenêtres dans Windows entre autres) plante et me voilà "Gros-Jean comme devant" avec toutes mes applications dans le désordre. (Je suis vraiment tatilleux sur ce point). Avant, je devais fermer toutes mes applications et les relancer une par une: l'enfer.

J'ai trouvé une application miraculeuse qui me fait gagner pas mal de temps: TaskBar Shuffle 1.0.

Grâce à elle vous pouvez mettre de l'ordre dans votre barre de tâche en glissant-déposant (drag&drop) un élément vers un autre endroit.

Ce petit logiciel est gratuit et marche sous Windows. L'essayer c'est l'adopter.

Merci beaucoup Jay!

• Téléchargez: Taskbar Shuffle 1.0

© Marin for Gatellier.be, 2006. | Permalink | One comment | Add to del.icio.us
Post tags:

C'est une petite application web (toujours en beta et un peu lente) qui vous permettra de choisir entre divers types de boutons et de les paramètrer à votre goût:

• Choix de police (Arial, Arial Narrow, Book Antiqua, Bookman Old Style, Century Gothic, Courier New, Times New Roman, Verdana),
• quelques tailles de caractères,
• gras et italique sont à votre disposition.

Vous pourrez aussi choisir la taille de votre bouton ainsi que la couleur de fond. Le tout saupoudré avec un petit peu d'Ajax

Voilà le résultat:

© Marin for Gatellier.be, 2006. | Permalink | No comment | Add to del.icio.us
Post tags:

"Voilà, j'ai une liste de plusieurs centaines de liens vers des sites dont je souhaite connaître le Pagerank Plutôt que cliquer sur tous ces liens successivement (!) je suis à la recherche d'une petite combine, script ou autre qui me donnerait l'info rapidement."

Qu'est ce que le Pagerank?

Le Pagerank est un des outils dont Google se sert pour calculer la valeur d'un site et donc sa pertinence.

En quelques mots, Pagerank attribue une cote à votre page en fonction des liens qui pointent vers votre page.

Attention, le Pagerank n'est qu'un des paramètres dont Google se sert, pour un référencement optimal, il faut veiller à respecter quelques autres règles (sémantique, friendly urls,...).

Un site pour afficher les pageranks des liens de vos pages

Webmastereyes.com est la réponse à la question posée par JhiJ. Ce site vous permet de soumettre une adresse de page. Il rajoutera une image pagerank après chaque lien de votre page:

Pour afficher le pagerank de toutes les pages de son propre site, il suffira de faire pointer Webmastereyes vers la page "plan du site" de votre site. Et voila!

Liens relatifs:

• Webmastereyes.com
• L'article Wikipedia sur le Pagerank (en français)
• Liste de diffusion Cybercafe21
• Une extension Firefox pour afficher votre pagerank

© Marin for Gatellier.be, 2006. | Permalink | 5 comments | Add to del.icio.us
Post tags:

Cet outil permet de tester une page dans tous les browsers installés sur votre ordinateur en un raccourci clavier et un click de souris (tout comme les extensions IEView et OperaView pour Firefox et FirefoxView pour Internet Explorer).

De plus, il vous donne aussi des options de navigation interne dans un site (tout comme GOUP).

Vous choisissez vous-même votre racourci clavier et même les browsers que vous voulez (par exemple: les versions standalone d'Internet Explorer).

Vous découvrirez à l'usage l'ensemble des racourcis clavier.

Il ne me reste qu'à supporter le développeur danois en lui envoyant une carte postale. Pour un tel outil, je pense aussi à le remercier en lui faisant un transfer Paypal.

Liens:

• Télécharger Optool
• via: DownloadSquad.com

© Marin for Gatellier.be, 2006. | Permalink | One comment | Add to del.icio.us
Post tags: