Toujours à la recherche de nouveaux outils pour le Web, j’ai découvert dans la section Design Partern du Yahoo Developper Network un nouvel outil de débogage excellent ! Il s’agit de FireBug fait pas Joe Hewitt

Vous pouvez voir un démo du “logiciel” fait par le concepteur Joe Hewitt sur Yahoo vidéo à l’adresse suivante : Vidéo sur FireBug

Ce que permet FireBug

• Inspection de variable en mémoire
• Exécution step-by-step
• Outils de performance (load time, nombre d’itération, ) du profiling
• Exploration du HTML, CSS, DOM
• et bien plus…

Firebug is the must-have extension for Firefox that provides debugging, profiling, DOM inspection, and much more. Firebug author Joe Hewitt came to Yahoo! on January 25 to announce the 1.0 release of Firebug and to walk us through its power-user features — even experienced Firebug users will be amazed by the hidden gems in this presentation. (voir la vidéo)

Comment dans l’exemple suivant nous pouvoir les variables changées en mémoire.

et ensuite

Comme le dit ce commentaire, c’est un “must” d’avoir cet outil dans votre boîte à outils.

Avec le niveau de sécurité de plus en plus accrût, soit par des “popup blocker” intégré dans FireFox et Internet Explorer 7 ou par des barres d’outils supplémentaires, l’utilisation des popup est de plus en plus difficile pour le développeur web.

La philosophie

Les popup bloqueurs sont là pour nous éviter les fenêtres que nous ne désirons pas et principalement celle que nous ne pouvons pas annulées. Ainsi, si on appel un popup sur l’événement “onload” du body ou sur le “mouse out” d’une image le popup bloqueur sera alerté. En général, les événements qui ne peuvent être annulés par l’utilisateur ou qui ne sont pas activés par lui de façon explicite sont bloqués. (La suite…)

Wouaw !

Avez-vous déjà imaginé ou désiré “browser” un blogue en ligne de commande ? Et bien M. Rob McFarland a exhaussé vos voeux, s’ils étaient !

Je suis très inpressionné par ce thème pour WordPress fait par Rod McFarland. Vous pouvez voir le thème en action sur le site de thème de Word Presse ou sur ce site Morticious Mind Thrind.

Voici, le Web 2.0 en mode commande line et/ou en mode “souris” ! Il faut aussi voir ce projet sous l’oeuil de l‘utilisabilité et de la programmation !

Pour la programmation “Wouaw”

Une grande partie du site, si ce n’est pas la totalité, est fait en javascript. D’ailleurs, si nous ne permettons pas le javascript, comme le ferait Steve Gibson, nous avons seulement droit à un thème standard de WordPress.

Il utilise de façon intéressantes les CSS, Body.OnLoad, OnKeyDown, OnKeyUp et OnClick pour rendre les fonctionnalités du blogue en ligne de commande.

Et pour l’utilisabilité…

Dans une vague ou nous sommes à la recherche de l’expérience et la rapidité du “desktop” dans les applications web, avec la vague “Ajax”, M. McFarland nous apporte avec la même technologie une vision totalement différente et très intéressante.

Liens:

Sur son blogue standard avec explication des commandes.
Sur le site de gestion de source code de GoogleCode.
Sur le site de visualisation des thèmes de WordPress.
Très intéressant !

À suivre…

Qu’est-ce que le Web 2.0 ? C’est, entre autres, la nouvelle version des applications web rend l’expérience utilisateur plus conviviale. Ceci est produit par l’intégration de technologie telle que “Ajax” qui rend l’application web plus dynamique pour l’utilisateur.

Les compagnies à gros budget comme Yahoo, Google et Microsoft développent ce nouveau secteur avec beaucoup d’investissement. J’ai trouvé aujourd’hui le “Yahoo! Developer Nerwork” dans lequel nous pouvons retrouvé une section sur les interfaces utilisateurs et une autre sur design parttern.

(La suite…)

Le langage .NET (ASP.NET) fait beaucoup de choses pour le programmeur. Il nous donne accès du côté serveur (code behind ou inline) à plein de fonctionnalité sans parler de l’IntelliSense. Il nous permet aussi par le code côté serveur d’ajouter des événements côté client comme “RegisterClientScript” ou “Boutton.Attributes.Add()“.

Cependant comme toute chose il peut y avoir des inconvénients, entre autres lorsque nous ajouter des événements avec “Attributes.Add” et que nous avons aussi un “component” de validation comme le “RequiredField” ou le “RegexValidator“.

(La suite…)

J’ai vu certains formulaires qui utilisent, comme moyen pour effacer le contenu, un reload de la page au côté serveur.

Ceci cause deux problèmes :

1. L’utilisateur attend après le système pour rien.
2. Si le formulaire n’est pas dans le haut de la page, l’utilisateur perd la position dans la page.

(La suite…)