Les cahiers de l'intégrateur

Il est possible de définir dans les options l'extension qu'aura vos nouveaux fichiers HTML (.html ou .htm).

Pour cela, il faut aller dans :

Outils > Options de l'éditeur de page... > Onglet Opérations d'auteur

Dans la partie Nouveaux documents, il suffit de cocher le bouton radio correspondant sous Extension de fichier HTML par défaut (.html ou .htm) et de valider la modification.

En créant un nouveau fichier HTML, celui-ci aura désormais l'extension que vous lui aurez attribué.

Ubiquité... Un mot que j'entends souvent de la part de Redo.

Mais quand Mozilla tente de lui donner un sens, cela donne le plug-in Ubiquity. L'objectif de ce plug-in est de "connecter le Web avec le langage", autrement en rentrant une ligne de code du type "translate Hello World ! to french", il sera capable de vous relier à des services web existants, voire même d'interagir avec la page d'un site ou encore tout simplement avec votre sélection (via this).

Ce plug-in est encore à l'état d'expérimentation. Mais déjà dans son état actuel, il a de quoi surprendre.
Pour l'instant, les commandes se font en Anglais.

Une vidéo vaut mieux qu'un long discours !

Installer le Plug-in prototype
Plus d'infos sur le Plug-in

Dans un précédent billet, je vous parlais d'une astuce pour pouvoir réafficher temporairement la fenêtre de Navigation "FrontPage" via une macro dans Expression Web 1. Expression Web 2 possédant déjà un bouton pour l'afficher.

Heureusement, il existe une solution pour ceux qui utiliserait cette fenêtre plus souvent, sans devoir aller créer un bouton soi-même et qui souhaiterait récupérer par la même occasion les Webbots présents dans FrontPage. Il s'agit d'un Add-in nommé FrontBox, et disponible à l'adresse suivante : www.frontbox.de .

En allant sur le site, vous remarquerez qu'il est entièrement en Allemand. Mais pas besoin de s'inquiéter car les dernières Build de l'Add-in possèdent une interface à peu près Anglaise. Lors de l'installation, celui-ci s'installera sur Expression Web 1 et aussi sur Expression Web 2, si il est installé en parallèle ou seul.

Lorsque vous lancerez Expression Web après l'installation, vous pouvez voir qu'une nouvelle toolbar et quelques nouveautés dans le Menu en général ont été rajoutés.
En cliquant sur le premier bouton de la nouvelle toolbar (ou via le menu), vous avez accès désormais à la fenêtre de Navigation "FrontPage" d'un seul clic.
Pareillement pour les Webbots qui se sont retrouvés dans Insertion > Components.

Petite précision tout de même, j'ai remarqué quelques incompatibilités avec Expression Web 2, notamment pour les Webbots.

Expression Web est configurable jusque dans votre barre de menus. Voyez par là que vous pouvez moduler les menus tel que Fichier, Edition, etc. comme vous le souhaiter.

La méthode est assez proche de celle pour configurer vos barres d'outils.
Commencer par aller dans :

Affichage > Barre d'outils... > Personnaliser

Dans l'onglet Commande, cliquez sur le bouton Réorganiser les commandes...
Une autre fenêtre s'affiche et devrait vous proposer la structure du menu fichier. A partir de la liste déroulante à côté de Barre de menus, vous pouvez accéder à tous les menus, ainsi qu'à leur différents sous-niveaux.

Il est alors possible d'ajouter, retirer, repositionner et renommer toutes les commandes que vous avez à votre disposition pour les barre d'outils, comme vous pouvez aussi venir y ajouter vos propres macros.

A manipuler avec précaution toute fois, même si le bouton Réinitialiser... dans le bas de la fenêtre vous permet de remettre la configuration par défaut de vos menus.

Have Fun :)

Une astuce plutôt en rapport avec une précédente.

Bien que cela puisse paraître aberrant pour certains, la mise en forme automatique n'est pas accessible directement depuis la barre d'outils de Mise en Forme, voire depuis le menu Format.
Par une mise en forme automatique, il faut voir par là qu'Expression Web s'occupera de refaire la construction de votre code de la façon dont vous l'avez paramétrer dans les options de l'éditeur.

Néanmoins, la fonction est là mais caché. Et la mettre dans votre barre d'outils n'est vraiment pas compliqué :

Affichage > Barre d'outils > Personnaliser... > Onglet Commande

Ensuite vous sélectionner Format dans la liste Catégorie. Puis presque dans le bas de la liste Commande, vous pouvez trouver Nouvelle mise en forme HTML et Nouvelle mise en forme CSS.

Il ne reste plus qu'à les glisser/déposer dans une de vos barres d'outils. Comme il n'y a pas d'icônes pour ces 2 boutons, cela les mettra textuellement dans votre barre d'outils.

Expression Web vous permet de créer votre propre barre d'outils personnalisée.
Il faut pour cela aller dans le menu

Affichage > Barre d'outils... > Personnaliser > Onglet Barre d'outils

En cliquant sur Nouvelle, une autre fenêtre s'ouvre pour nommer la nouvelle barre d'outils. Ensuite, il ne reste plus qu'à la placer dans votre interface et y ajouter des boutons de commandes que vous pouvez trouver à partir de l'onglet Commandes toujours dans cette même fenêtre.

Pour placer un bouton dans votre barre d'outils, il faut tout simplement le glisser-déposer dans celle-ci.

Chacun à sa façon de coder, mais aussi chacun à sa façon de mettre en forme leur code. Que votre style de mise en forme soit chaotique ou bien ordonné, il est possible de paramétrer les espaces, tabulations et autres retours à ligne qui se font automatiquement lors de l'écriture de votre code.

Pour cela, il faut aller dans Options > Options de l'éditeur de pages... > Mise en forme du code

Comme vous pouvez le remarquer, il est possible de préciser la taille d'une tabulation par caractère (autrement dit la taille d'un espace), mais aussi les espaces et retours à la ligne pour chacun des éléments des listes Balises (HTML) et CSS.

Un exemple :
Si la mise en forme de votre CSS est plutôt du style compacté (ce qui est mon cas), à savoir

.test{width:900px;float:left;border:red 1px solid;margin:10px 0;}

Il suffit simplement de mettre toutes les valeurs de la liste CSS à 0.
Lorsque vous écrirez vos lignes CSS, Expression Web ne s'occupera plus ,par exemple, de mettre à la ligne le curseur après avoir écrit votre accolade comme il le fait par défaut.
Mais aussi, en appliquant une nouvelle mise en forme automatique sur vos pages CSS, celle-ci se mettront automatiquement de la façon que vous l'avez paramétrer dans les options du dessus. Plutôt pratique lorsqu'on veut garder sa mise en forme en ayant reçu une autre feuille de style n'ayant pas sa propre façon de coder.

Autant dire que l'essayer, c'est l'adopter :)

Qui parmi vous connait par coeur la DocType ?
Ne levez pas tous la main en même temps :P

Pourtant il existe un moyen simple et très efficace de retrouver cette ligne de code (parmi tant d'autres) ô combien utile, sans devoir aller la rechercher sur une autre page ou un site de référence.

Mais il ne s'agit là que d'un exemple car on peut trouver une multitude d'utilité avec les extraits de code.

Utilisation des extraits de code

En ayant ouvert une de vos pages, il vous suffit de faire Ctrl + Entrée et une liste déroulante s'affichera instantanément.

Il ne reste alors plus qu'à sélectionner la ligne de code que vous voulez insérer dans votre page.

Il est intéressant de noter que la sélection au clavier -comme l'IntelliSense- est de mise aussi, pour une sélection plus rapide quand on connait le mot clé correspondant.

Configuration des extraits de code

Pas plus compliqué qu'au-dessus, puisqu'il suffit de sélectionner Personnaliser la liste... dans la liste déroulante affichée avec Ctrl + Entrée ou d'aller dans Outils > Options de l'éditeur de pages... > Extraits de code.

Là il sera possible d'en ajouter, de modifier ceux déjà existant ou encore de supprimer ceux que vous trouvez inutile.

Petite précision

Lors de la création/modification d'un extrait de code, si vous ajoutez le caractère | dans votre extrait de code, Expression Web placera le curseur de frappe à l'emplacement de ce dernier. Et si vous en mettez un deuxième, Expression Web sélectionnera le texte ou code entre les 2 | à l'insertion de l'extrait de code dans votre page.

L'Astuce de la semaine est une chose que je vais essayer d'entretenir hebdomadairement à propos d'Expression Web en plus de mes autres billets, pour donner des trucs et astuces et vous aider dans l'utilisation de ce logiciel ;)

Pour ceux déçu de ne plus avoir la fenêtre de Navigation de FrontPage en migrant vers Expression Web, il y a un moyen simple et efficace pour la réafficher si elle n'est pas accessible depuis votre onglet Site Web :

1. Commencez déjà par ouvrir votre Site Local dans Expression Web.
2. Ensuite, il faut ouvrir le Visual Basic Editor. Il se trouve dans Outils > Macros > Visual Basic Editor ou sinon faites Alt+F11 pour aller plus vite ;).
3. Lancez la fenêtre d'Exécution du Visual Basic Editor en allant dans Affichage > Fenêtre Exécution ou en faisant Ctrl+G et écrivez à l'intérieur de cette fenêtre : 
   ActiveWebWindow.ViewMode = WebViewNavigation
4. Evidemment, validez la ligne de code avec Enter.
5. Vous pouvez fermer le Visual Basic Editor si nécessaire et retrouver la fenêtre de Navigation de votre Site Local dans l'onglet Site Web d'Expression Web (Il s'affiche automatiquement).
   

Le Visual Basic Editor se lançant en parallèle d'Expression Web, vous pouvez le laisser ouvert pour éviter de refaire les premières étapes. Il suffit simplement de revalidez la ligne de code.
Sinon, vous pouvez retrouver la fenêtre de Navigation de FrontPage en cliquant sur le lien Liens hypertexte, en bas à gauche de l'onglet Site Web.

Dans le cas où vous devriez l'utiliser plus souvent, il existe d'autres solutions comme FrontBox.

Déjà présent depuis FrontPage 2003, un modèle Web dynamique est, comme son nom l'indique, un modèle que l'on peut appliquer sur plusieurs pages Web d'un site, et qui vous permet de générer une même mise en page pour chacune des pages auxquelles il est attaché. Avec par exemple la possibilité de créer des zones modifiables (ou non) afin d'éviter des changements indésirables sur les pages.
Cela peut être un véritable gain de temps quand on a plusieurs pages à gérer et que l'on ne veut pas faire le changement de mise en page sur chacune d'entre elle. Bien que ce ne soit pas exactement la même chose, un modèle Web dynamique partage certains avantages avec les MasterPages que l'on peut créer en ASPX. Mais on peut très bien imaginer en faire un complément pour celui-ci et utiliser les 2 en parallèle.
Un modèle Web dynamique n'est, en fin de compte, rien d'autre qu'un fichier HTML auquel on donnera une autre extension, comportant des commentaires HTML typiques qu'Expression Web sera en mesure de convertir sous forme de zone modifiables. Par exemple :

<!-- #BeginEditable "doctitle" -->
    <title>Titre du site</title>
<!-- #EndEditable -->

Entre ces 2 lignes, le code est modifiable sans problème.

Création d'un modèle Web dynamique

La création d'un mdèle Web dynamique (.dwt) est relativement simple. Il suffit de partir d'une page HTML classique et de lui faire la structure ou la mise en page que vous souhaitez voir appliquer sur chacune des pages qui lui seront attachées.
Dans un premier temps, il n'est pas encore nécessaire de s'occuper à vouloir créer des zones modifiables. Cela sera possible une fois que le modèle Web dynamique (.dwt) sera créé.

Pour se faire, il faut aller dans :

Fichier > Enregistre sous...

à partir du fichier que vous voulez convertir en modèle Web dynamique. Une fois la fenêtre Enregistrer sous affichée, il faut sélectionner dans la liste déroulante du Type de fichier le choix Modèle Web dynamique (.dwt).
Après l'avoir enregistrer, votre modèle Web dynamique se retrouve alors dans votre Liste des dossiers.

Je pense qu'il est intéressant de préciser qu'à la création d'un modèle Web dynamique, une zone modifiable se créer automatiquement autour du titre de votre page de la même façon que l'exemple de l'introduction :

Créer et renommer une zone modifiable

Après avoir créer un modèle Web dynamique, il faut définir une zone modifiable pour pouvoir appliquer des changements sur les pages auxquelles il est attaché.
En ouvrant votre modèle Web dynamique (.dwt), on peut remarquer que tout est encore accessible. La restriction ne s'applique évidemment qu'aux pages attachés à votre modèle.

Mais avant toute chose, il est important de préciser que par défaut, toute votre page n'est pas modifiable. C'est donc à vous d'aller définir différentes zones qui pourront être changées sur les pages attachés à votre modèle Web dynamique.
En effet si vous appliquez un changement sur une zone non modifiable dans vos pages attachées :
- D'une part cela ne sera pas forcément possible suivant que vous êtes en mode Design ou en mode Code
- D'une autre part tous les changements effectués seront écrasés ou annulés par le modèle Web dynamique si vous viendriez à faire un changement sur celui-ci.

Pour créer une zone modifiable, vous avez plusieurs solutions :

1) Pour le faire via l'interface d'Expression, il faut avant passer votre fenêtre principal en mode Création (ou Fractionné). En effet, il faut que le site ou les changements effectués sur votre page soit généré dans votre fenêtre Design pour pouvoir placer une zone modifiable sur votre page.

Ensuite, vous sélectionner le bloc ou la zone que vous voulez rendre modifiable et puis vous faites :

Clic droit > Gérer les zones modifiables...

Ou en allant sur :

Format > Modèle Web dynamique > Gérer les zones modifiables...

La fenêtre des zones modifiables affichée, vous lui donnez un nom dans le champ Nom de la zone, puis vous cliquez sur le bouton Ajouter (qui se sera dégrisé après lui avoir donné son nom). Votre nouvelle zone apparaît donc dans votre liste de zones modifiables.

Dans votre code HTML, on peut voir alors apparaître à l'endroit de votre zone :

<!-- #BeginEditable "MonContenu" -->
    <p>(MonContenu)</p>
<!-- #EndEditable -->

2) Pour le faire directement dans votre code, il suffit simplement d'ajouter à l'endroit où vous voulez une zone modifiable les 2 commentaires pour la délimiter :

<!-- #BeginEditable "Titre de la zone modifiable" -->
    <p>Contenu de ma zone modifiable</p>
<!-- #EndEditable -->

Si vous passer par le gestionnaire de zones modifiables, vous pourrez constater que la zone a bien été prise en compte.

Si vous avez besoin de renommer une zone avec un nom plus explicite pour vous, vous pouvez le faire via le gestionnaire de zones modifiables en sélectionnant la zone et en la renommant dans le champ Nom de la zone.
Ou sinon, vous pouvez le faire aussi depuis le code. Le titre de la zone est délimité par les guillemets.

Créer et éditer un fichier à partir du modèle Web dynamique

Il est possible de créer un nouveau fichier HTML directement depuis votre modèle Web dynamique. Et pour se faire, il y a 2 possibilités :

Fichier > Nouveau > Créer à partir du modèle Web dynamique

Ou

Clic Droit (sur le modèle Web dynamique) > Nouveau à partir du modèle Web dynamique

De ce fait, cela génère votre fichier parmi les onglets de votre interface, mais il n'est pour l'instant pas encore répertorié dans votre site Web via la Liste des dossiers. Il vous suffira simplement de l'enregistrer dans votre site Web pour le voir apparaître dans votre liste.

A l'ouverture de votre fichier, vous pouvez remarquer :
- Dans la fenêtre Code, la plupart des lignes de code sont jaunâtres et les autres non.
- Dans votre fenêtre Design, certaines parties de votre site Web sont grisées et d'autres sont encadrées.

Bien sûr, il s'agit là des différentes zones que vous avez défini en créant vos zones modifiables. Les parties grisées ou jaunâtres étant les zones non modifiables.
D'ailleurs, un signe interdit apparait lorsqu'on survole une zone non modifiable grisée dans la fenêtre Design.

On peut voir en haut du code que la page est attaché au fichier .dwt, ce n'est ni plus ni moins que le chemin relatif de ce dernier (entre les guillement) :

<!-- #BeginTemplate "Modele.dwt" -->
     [...]
<!-- #EndTemplate -->

Depuis la fenêtre Code, il est malgré tout possible de faire des modifications dans les parties jaunâtres et donc en principe non modifiable. Mais à partir du moment que vous sauvegardez votre fichier HTML attaché à votre modèle Web dynamique, Expression Web vous préviendra que des modifications ont été faites dans des zones non modifiables.
Malgré ce choix à la sauvegarde de votre fichier, si mettez à jour tout vos fichiers attachés à votre modèle, toutes les modifications seront perdus hormis celles appliquées en zones modifiables.

Donc autant dire que ce n'est pas conseillé de faire des modifications où ce n'est pas permis, sauf si vous détachez le fichier de son modèle Web dynamique correspondant. Celui-ci restera tel quel mais ne sera plus mis à jour au travers de votre modèle Web dynamique si vous viendriez à faire une modification sur celui-ci.

Attacher et détacher un modèle Web dynamique

Outre la méthode du chapitre d'avant, il est possible d'attacher ou de détacher une page à un modèle Web dynamique. Et pour cela, il faut procéder de la façon suivante :

1) Pour détacher un fichier d'un modèle Web dynamique, il faut avant tout sélectionner votre fichier dans votre Liste des dossiers ou alors être tout simplement sur cette page dans votre fenêtre principale.
Et ensuite, aller dans :

Format > Modèle Web dynamique > Détacher du modèle Web dynamique

Une fenêtre progression apparaîtra pour afficher le détail de la manipulation.

2) Pour attacher un fichier à un modèle Web dynamique, la manipulation est légèrement plus complexe que simplement détacher un fichier du modèle Web dynamique.

Il faut pour cela, de la même façon que pour détacher, sélectionner votre fichier dans votre Liste des dossiers ou être sur cette page dans votre fenêtre principale. Puis aller dans :

Format > Modèle Web dynamique > Attacher un modèle Web dynamique...

Une fenêtre Attacher un modèle Web dynamique apparaît pour vous permettre de sélectionner votre modèle et cliquez ensuite sur Ouvrir dès que cela est fait.
Un prompt vous préviendra si vous avez du contenu dans votre page que celui-ci sera à mettre dans une zone modifiable si vous désirez le garder. Cliquez sur Oui. Le fait de cliquez sur Non annulera la manipulation.

Ensuite une autre fenêtre Faire correspondre les zones modifiables fera son apparition, tout en listant les parties à sauvegarder si vous le désirez.
Dans le cas où ne voudriez pas garder son contenu, cliquez sur le bouton Modifier et sélectionner dans la liste déroulante de Nouvelle zone le choix (Aucun).

Sinon de la même manière, vous pouvez choisir la zone modifiable où sera placé l'ancien contenu du Corps (Entre <body></body>) de votre page.

Après validation, vous pouvez retourver votre ancien contenu dans cette zone modifiable. A vous donc de faire un peu le ménage pour garder ce que vous avez besoin.

Pour vérifier que votre page est bien associé au modèle Web dynamique que vous lui avez choisi, il suffit de jeter dans les premières lignes de code de votre page pour trouver :

<!-- #BeginTemplate "Modele.dwt" -->

Ou plus radicalement tout en étant sur votre page, vous allez dans :

Format > Modèle Web dynamique > Ouvrir le modèle Web dynamique

Cela vous ouvrira le modèle correspondant.

Néanmoins, je vous déconseille de placer entre les balises <html></html> directement dans votre codes les lignes 

<!-- #BeginTemplate "Modele.dwt" -->
[...]
<!-- #EndTemplate -->

Car à la mise à jour de votre page, le modèle Web dynamique écrasera tout sans exception.

Mettre à jour vos pages attachées à votre modèle Web dynamique

Bien que cela se fasse automatiquement à la sauvegarde du modèle Web dynamique après une modification, il est bien sûr possible de le faire manuellement et d'une manière plus précise.

1) Pour mettre à jour seulement la page sélectionnée, il faut aller dans :

Format > Modèle Web dynamique > Mettre à jour la page sélectionnée

Cela aura pour effet de ne seulement mettre à jour que la page que vous avez ouvert dans votre fenêtre centrale ou celle sélectionnée dans votre Liste des dossiers.

Cela fonctionne également si vous en sélectionnez plusieurs dans votre Liste des dossiers et que vous faites la manipulation. Cela n'affectera que les pages sélectionnés et elles se mettront à jour selon leur modèle Web dynamique respectif.

2) Pour mettre à jour les pages associées d'un modèle Web dynamique, il faut aller dans :

Format > Modèle Web dynamique > Mettre à jour les pages associées

Il est nécessaire alors de sélectionner votre modèle Web dynamique dans votre Liste des dossiers ou encore de l'ouvrir dans votre fenêtre centrale.

Cela fonctionne de la même manière si vous sélectionner plusieurs modèles Web dynamique dans votre Liste de dossier. Cela n'affectera que les pages associées des modèles Web dynamique sélectionnés.

3) Pour mettre à jour toutes les pages d'une seule traite, il faut aller dans :

Format > Modèle Web dynamique > Mettre à jour toutes les pages

Ici peu importe ce que vous avez d'ouvert dans votre fenêtre centrale ou que vous avez sélectionné dans votre Liste de dossiers, cela mettra à jour toutes les pages étant attachées à un de vos modèle Web dynamique. Elles se mettront à jour selon leur modèle Web dynamique respectif.

Plus de détails sur les modèles Web dynamique

Dans cet article, je parle souvent de fichier HTML, mais celui-ci peut être tout aussi bien appliqué sur un fichier ASPX ou encore PHP sans aucun problème. On pourrait d'ailleurs le considérer, en quelque sorte, comme un équivalent de la MasterPage pour ce dernier et qu'on peut très bien envisager de le coupler avec un moteur de template.
Lors de l'enregistrement du fichier créé à partir du modèle Web dynamique, il suffit de lui donner l'extension que vous souhaitez (.html, .aspx, .php).

Un autre détail qui peut avoir aussi son importance : Un modèle Web dynamique ne peut pas être surposé à un autre modèle Web dynamique. Bien que cela puisse paraître tentant, il s'agit là d'une limitation de cet outil. Il ne peut y avoir qu'un seul niveau sous un modèle Web dynamique, autrement dit ses pages attachées.

Une chose qui posait problème avec la venue de Firefox 3 était pour ma part de devoir faire tourner Firefox 2 et Firefox 3 en même temps (quand j'ai tous mes navigateurs ouverts pour l'intégration par exemple).
Car pour l'instant, si on en lançait un des deux, en cliquant sur le raccourci de l'autre cela n'ouvrait qu'un autre fenêtre de la version lancée au début. Contrairement à Opera qui peut très bien lancé la version 9.x et la nouvelle version 9.5 à condition de faire des installations séparés.

En faisant quelque recherche, j'ai trouvé quelque chose d'assez intéressant pour régler ce problème.

Tout d'abord, et je pense que vous l'aurez deviné sans que je vous le dise, il est nécessaire de faire des installations séparés des 2 versions. Pour ma part, j'ai :

C:\Program Files\Mozilla Firefox 2
C:\Program Files\Mozilla Firefox 3

Ensuite, il suffira de gérer un profil pour chaque version de Firefox.
Donc pour cela, on va ouvrir le gestionnaire de profil de firefox via la fenêtre de commande :
Démarrer > Exécuter > Taper "cmd"

Il suffit donc de naviguer jusqu'à votre répertoire d'installation de Firefox (Ici j'ai pris Firefox 2) et d'y taper firefox -profilemanager -no-remote.
Cela ouvrira le gestionnaire de profil de Firefox.

Créez-en un nouveau et nommez-le comme vous voulez (Firefox2 et Firefox3 suffira).

Il reste maintenant à créer les raccourcis qui pointeront directement sur les profils souhaité et à ajouter dans le champ Cible des propriétés du raccourci :

"C:\Program Files\Mozilla Firefox 2\firefox.exe" -P Firefox2 -no-remote
"C:\Program Files\Mozilla Firefox 3\firefox.exe" -P Firefox3 -no-remote

Il ne reste alors plus qu'à tester :)

Néanmoins, faites attention avec les plugins de Firefox qu'ils ne fassent pas de conflits s'ils sont utilisés en même temps des 2 cotés (ex. la version la plus récente de Firebug ne supporte pas Firefox 2, seulement la 1.05 le peux encore).
Mais si vous utilisez des profils différents pour chaque version, il ne devrait pas y avoir de problème.

Si vous préférez garder le profil default pour l'un des 2 navigateurs, cela fonctionne également (dans le cas où Firefox serait votre navigateur par défaut). Il suffira simplement de ne pas donner d'argument au raccourci comme :

"C:\Program Files\Mozilla Firefox 2\firefox.exe" ou
"C:\Program Files\Mozilla Firefox 3\firefox.exe"

Vous pourrez ainsi garder tous vos plugins et marque-pages déjà existants

PS: Si vous utiliser 2 profils autres que le default, pensez à faire un back up de vos Favoris et de vos extensions car ceux-ci sont liés au profil sur lequel vous les avez installé (généralement, default). Donc ils sont toujours récupérable en ouvrant Firefox avec votre ancien profil si vous avez effectué la manipulation un peu trop rapidement.

Puisqu'un rappel se révélait nécessaire pour certains, l'heure est venu pour les participants du Download Day d'aller télécharger Firefox 3 par ici (Il y aura sûrement du monde, donc espérons que leur serveurs tiennent bon pour eux :P)

Si vous voulez un peu plus d'informations sur les nouveautés de cette version, vous pouvez toujours aller (re)lire mon précédent billet (juste en dessous), ou alors lire leur Release Note disponible à cette adresse.

PS : A en croire les lenteurs pour y accéder, ça doit bouchonner pas mal je crois...

PS2 : J'ai mis un autre lien qui fonctionne bien mieux !

Pour ceux ayant reçu l'avertissement via email (je l'ai eu hier matin), la date du Download Day et donc de la sortie de la version finalisée a été enfin fixée pour le Mardi 17 Juin 2008.
Et à l'heure où j'écris ces lignes, les promesses s'élèvent donc à 1,274,315.

Mais c'est aussi un peu l'occasion de revenir sur les nouveautés de Firefox 3 comme je l'avais fait (un peu) pour Opera 9.5 :

On peut déjà commencer par le plus gros soucis de Firefox 2, sa consommation de mémoire. Dans Firefox 3, elle a donc été revu en baisse. J'ai effectué un petit test pour s'en apercevoir en prenant en compte ma navigation habituelle sur le net avec une petite dizaine d'onglets ouverts.

Pour Firefox 3, j'obtiens 72,228 Ko depuis le gestionnaires des tâches et sans module complémentaire.
Pour Firefox 2, j'obtiens 75,678 Ko.

Et pour ne pas faire les choses à moitié, faisons pareil avec les versions les plus récentes des navigateurs concurrents.
Pour Safari 3.1, j'obtiens 92,940 Ko.
Pour Opera 9.5, j'obtiens 65,440 Ko.
Pour IE7, j'obtiens 99,752 Ko.

Evidemment, ces tests sont fait à l'arrache via le gestionnaire des tâches et ne reflètent pas vraiment grand chose. Mais on peut dire déjà qu'il est moins gourmant que la moyenne. Même si la différence se ressentira plus sur la longueur d'utilisation, car avec Firefox 2 je pouvais parfois atteindre 150 voire 175 Ko pour lui tout seul (alors qu'il ne restait plus beaucoup d'onglets d'ouverts).
Pour le cas de Firefox 3, cela me parait déjà beaucoup plus stable à ce niveau-là.

Ensuite vient  la "Awesome Bar" comme dirait ses concepteurs. Je préfère simplifier la chose en disant simplement la Barre d'adresse intelligente. C'est moins Sexy mais ça fera l'affaire :) Elle consiste en tapant des mots clés dans la barre, à retrouver depuis le titres ou encore l'url, des sites qu'on aurait visités.
Un peu moins poussée que celle d'Opera, qui elle viendra carrément rechercher dans les pages visités. Mais comme ce dernier, cette barre s'avèrent très utiles quand il m'arrivent de vouloir revenir sur un site que j'avais visité, sans devoir pour autant fouiller l'historique, et cela en incluant des mots clés en rapport avec la pages. Une raison de plus de faire des titres et des URLs percutantes sur le contenu de la page en elle-même.
Les marques-pages pourront être directement sauvegardés depuis cette barre d'adresse. Un clic sur la petite étoile, il s'enregistre comme marqué récemment. Un deuxième clic sur l'étoile reviendrai à faire CTRL+D ou Marque-pages > Marquer cette page, avec la possibilité d'enlever à la page son statut de marquée récemment.

Vient donc après les nouveautés comme un gestionnaire des téléchargements revue pour sa part incluant la recherche dans les téléchargements effectués, la reprise des téléchargements si fermeture de Firefox, etc.

Une sécurité revue à la hausse avec la protection contre les malwares, les sites à contenus suspect ne sont plus affichés (affichage d'un avertissement avant l'affichage du site en lui-même), une page d'erreur SSL, etc.

Au niveau des modules complémentaires, leur installation se sera vu simplifié. Par exemple, un catalogue apparait directement dans la fenêtre des modules complémentaires reprenant les add ons recommandés, vérification automatique des versions des modules complémentaires, etc.

Sans oublier pour autant le moteur de rendu utilisé dans Firefox 3, qui n'est autre que le Gecko 1.9 et qui aura demandé quand même 3 ans de développement. Et avec lui, toutes les améliorations niveau perfomance et prise en compte des normes W3C.

Pour plus d'infos sur les nouveautés, cela se passe par-là.

A noter que le module Firebug a refait son apparition pour la version 3 de Firefox 3 (Un indispensable, tout comme Web Developper, pour les Intégrateurs :P). Et au passage, j'ai repéré un petit module qui à l'air pas mal du tout aussi (reste à voir son fonctionnement :)).

Non vous ne rêvez pas (pour ceux ayant déjà la RC2), Firefox 3 a bel et bien eu une RC3 alors que la RC2 était sorti il y a une semaine. La sortie de la version finale étant toujours prévu pour la fin du mois de Juin. Jamais trois sans quatre (pour nuancer un peu :p) ?

Mais alors pour quelle raison une autre RC3 ? Un bug repéré sur la version MAC OSX en est la cause. Donc pour les versions Linux et Windows, la seule différence sera le nom de la RC.

Et pendant ce temps-là avec beaucoup moins de tapage médiatique (voir le Download Day), ça avance du côté de la concurrence. Opera sort la version 9.5 finalisée de son navigateur et au menu des nouveautés nous avons :

• Une interface revue et changeante selon l'OS sur lequel il tourne (tout comme Firefox)
• Un moteur de rendu amélioré qui prend en charge les CSS3
• Un moteur Javascript amélioré lui aussi compatible ECMA Script 4
• Une synchronisation des signets en ligne
• Un mode lecteur d'écran, c'est à dire un lecteur non visuel
• Une barre d'adresse intelligente elle aussi qui permet de retrouver un mot dans une page visitée auparavant
• D'autres trucs améliorés comme la performance ou la rapidité d'affichage des pages, etc.

Autant dire que lui non plus n'est pas en reste avec une interface que je trouve déjà plus alléchante que la précédente, en plus des améliorations et des fonctionnalités supplémentaires avec celles déjà présentes (mais cela reste mon avis). Qui sait, il me fera peut-être passer du côté Opera de la force :p.

Si ça vous intéresse, ça se passe par là-bas

Le 6 Mai 2008, Microsoft annonçait la sortie outre-atlantique de la version 2 de sa gamme Expression Studio (soit plus ou moins un an après la sortie de la version 1). Ce n'est qu'un mois après qu'Expression Studio 2 sort officiellement en version française. Celle-ci reprend évidemment les anciens de la gamme, tout en rajoutant un autre dans le package pour la même occasion.

Expression Web 2

Il est en quelque sorte le successeur de FrontPage (dont il reprend une certaine base, tout comme SharePoint Designer), mais depuis ils n'ont plus vraiment grand chose en commun mis à part le fait que ce sont tout deux des logiciels de conception de sites web.

Dans la version 2 d'Expression Web, on peut retrouver des nouveautés qui feront le bonheur des utilisateurs d'une certaine technologie libre. Car désormais, et c'est aussi une des nouveautés majeures de cette nouvelle version, Expression Web 2 peut concevoir des sites Web sur base du PHP. Autant dire qu'il commence à faire un peu d'ombre à son concurrent chez Adobe (venant anciennement de Macromedia), Dreamweaver. Mais ce dernier garde malgré tout quelques avantages comme le fait qu'il comprenne le JSP ou encore le ColdFusion, chose qu'Expression Web ne permet pas encore.

On peut aussi noter qu'Expression Web 2 supporte le Silverlight 1.0. Étant donné que Silverlight 2.0 est encore en version Béta (bientôt la version Béta 2), on peut se douter qu'Expression Web le supportera dans sa version suivante ou peut être dans une version 2.5 à l'instar de la version Preview de Blend 2.5, le supportant.

Tout comme Visual Studio 2008, Expression Web 2 intègre aussi le support d'ASP.NET 3.5 et aussi d'ASP.NET Ajax. Et avec eux viennent aussi les contrôles et autres fonctionnalités du framework (ListView, DataPager, etc.).
Au rang des nouveautés intéressantes, la possibilité d'importer les images .PSD d'Adobe Photoshop. Celui permet entre autre d'importer la totalité de l'image mais aussi, vu qu'il prend en compte les calques du fichier, la possibilité de choisir les éléments à importer en déselectionnant les calques non désirés.

Expression Blend 2

Comme je le précise plus haut, en plus de supporter dès sa version 1 le WPF (qui sera maintenant en 3.5), Expression Blend 2 supporte Silverlight 1.0, tout en ajoutant aussi par la même occasion l'éditeur Javascript (dans sa version 1, il ouvrait un bloc note en parallèle).
Expression Blend 2 s'est vu par la même occasion ajouter une vue partagée bien pratique comme le possède aussi Expression Web 2. C'est à dire, une vue qui affiche le Design en haut, et le Code en bas. Ce qui évitera à certains de jouer entre les 2 vues. L'interface s'adapte aussi selon le type du projet en cours.

Le dialogue entre Expression Blend 2 et Design 2 a été revu car il est tout à fait possible d'importer mais aussi d'exporter des éléments de l'un à l'autre. Pour ce qui est du support de la 3D par Expression Blend 2, il a été pour sa part revu et donc amélioré.
A noter aussi que l'animation de vecteur en morphing façon flash fait son apparition dans cette version.

Expression Media 2

Anciennement iView Media Pro (racheté en 2006 par Microsoft), Expression Media 2 est en quelque sorte l'équivalent de Bridge dans les produits d'Adobe. Comme nouveautés, on peut par exemple prendre en compte qu'il est possible de générer des catalogues partagés, comme il est aussi possible d'uploader des médias vers un site de partage en ligne ou encore d'afficher sur plusieurs écrans la table lumineuse.
L'intégration de Silverlight passe aussi par Expression Media 2 puisqu'on peut créer automatiquement des galleries Web de vos médias tout en Silverlight ou encore de sauvegarder un SlideShow en film.

La géolocalisation est aussi de mise dans cette nouvelle version d'Expression Media et cela via un module de Virtual Earth. En gros, on peut pointer l'emplacement de nos photographies sur une carte du monde.

Expression Design 2

Au rang des nouveautés pour Expression Design 2, on peut noter l'apparition des Live Effects. Ce sont des effets ou filtres (pour les utilisateurs de Photoshop) que l'ont peut appliqués sur des éléments vectoriels ou non. Dans la liste, on peut voir par exemple le Flou Gaussien, le Biseau ou encore le Relief. Ces effets ne sont pas destructifs sur l'élément auquel il est appliqué. Autrement dit, il est tout à fait possible de revenir plus tard modifier l'effets en question ou le supprimer, chose que Photoshop ne permet pas sur certains effets.

Comme je le dis plus haut, le dialogue entre Expresion Design 2 et Blend 2 a été amélioré. Il est par exemple possible de copier des éléments d'Expression Design 2 et d'aller le coller dans Blend 2. Ce qui aura pour effet de convertir les éléments en XAML.
Et puisqu'Expression Web 2 le permet, Expression Design 2 le permet lui aussi. A savoir qu'il est possible d'importer mais aussi bien d'exporter vos projets en format .PSD ou encore .PDF. Par contre, les calques, eux, ne sont pas repris. Un peu de la même façon qu'on lit un ficher projet .PNG de Fireworks et qu'on l'importe dans Photoshop. Les calques ne sont pas repris.

Et puisqu'on parle de Fireworks, on peut préciser aussi qu'Expression Design 2 intègrera la découpe en tranche comme ce dernier. Ce qui peut simplifier la tache de découpe pour les intégrateurs comme moi :).

Expression Encoder 2

Le petit "nouveau" aura vu en même temps que son entrée dans la gamme Expression tout une série d'améliorations. On peut déjà par exemple prendre en compte que Silverlight est passé par là aussi, puiqu'on peut générer un player en Silverlight avec tous les contrôles standards et si l'envie vous dit de changer un peu l'interface du player, il suffit de faire un petit détour via Expression Blend 2. Expression Encoder 2 s'occupera de remplacer l'ancien template par le nouveau.

De nouveaux codecs font aussi leur apparition comme le VC-1 qui donne une meilleure qualité d'image avec des fichiers encore moins volumineux ou si l'envie vous dit d'encoder vos vidéos pour être diffuser via Silverlight ou via d'autres plate-forme (genre Zune).
On peut préciser aussi qu'il est possible d'ajouter un flux à la volée ou encore de mixer entre différents flux lors du streaming. Même chose pour la gestion des sous-titres et du chapitrage.

Plus d'infos

Pour reprendre un peu plus d'infos sur Expression Studio 2 venant d'un communiqué de presse de Microsoft (comme ils le font bien)...
Sinon cela se passe par ici.

Nouvelles éligibilités pour la mise à jour des produits :
Microsoft étend l’éligibilité des mises à jour vers Expression Web et Expression Media à partir de logiciels proposés par Microsoft (Microsoft Office, Microsoft Works) ou d’autres fournisseurs, dont Adobe Systems Inc. Tout possesseur d’une des licences éligibles a droit au prix de la mise à jour des produits. Plus de renseignements sur microsoft.com/France/expression/maj.

Période de grâce :
Tout achat d’Expression Studio ou d’un produit de la gamme Expression jusqu‘au 30 Juin 2008, donne droit à l’obtention gratuite de la Version 2 du même produit acheté. Les détails sur les conditions de la période de grâce seront publiés sur le site Expression. L’enregistrement du produit et une preuve d’achat seront demandés. Plus de renseignements sur microsoft.com/France/expression/maj.

Tarification et disponibilité :
Microsoft a également communiqué les informations de tarification et de disponibilité pour la gamme complète des produits Expression 2 sur le marché américain. La suite complète à partir de la mi-mai au prix public indicatif de vente de 699 $ (prix de vente sur le marché français non communiqué). Par ailleurs, tous les outils à l’exception d’Expression Design 2 sont disponibles à l’achat séparément : Expression Web 2 et Expression Blend 2 sont commercialisés respectivement aux prix publics indicatifs de vente de 299 $ (prix de vente sur le marché français non communiqué) et 499 $ (prix de vente sur le marché français non communiqué), et Expression Media 2 et Expression Encoder 2 sont commercialisés au prix public indicatif de vente de 199 $ (prix de vente sur le marché français non communiqué).

Comme nous l’avons annoncé lors du MIX08, Microsoft lancera également l’abonnement Microsoft Expression Professional en juin 2008. Cet abonnement porte sur la suite complète et plusieurs autres programmes* Microsoft, tels que Visual Studio, Windows Vista et Microsoft Office, Visio pour aider les utilisateurs à démarrer au prix exceptionnel de 999 $ (prix de vente sur le marché français non communiqué). Vous trouverez des informations complémentaires sur cet abonnement à l’adresse http://www.microsoft.com/expression/subscription.
Pour des informations complètes sur la tarification et la disponibilité des produits, consultez le site http://www.microsoft.com/expression.

A l'occasion de la sortie prochaine de Firefox 3, Mozilla organise un Download Day pour son logiciel fétiche et tente ainsi d'établir un nouveau record du monde pour les Guinness World Records : Celui du logiciel le plus téléchargé en 24h !

Si l'envie vous dit d'aider le petit Panda Roux (qui a dit Renard ?) dans sa tâche et ainsi faire une promesse de téléchargement pour le Download Day, il vous suffit de vous rendre sur ce site. Vous serez ainsi averti par mail du jour de l'évènement qui sera en fin de compte le jour du lancement officiel de Firefox 3.

La date du lancement n'a évidemment pas encore été annoncée pour l'instant.
Sera-t-elle dans les jours à venir, tout en sachant que Mozilla avait souhaité sortir une RC2 avant la sortie de la version finale. Car la version actuelle de la RC1 n'est pas apte pour devenir la version finale (une dizaine de bugs récalcitrants aurait été remontés). A moins que cette RC2 finisse en une version 3.0.1 pour garder Juin comme mois de sortie de Firefox 3 ?

PS : A l'heure où j'écris ce billet, le nombre de promesse s'élève déjà à 704,089 à travers le monde.

Depuis plusieurs années maintenant, le langage CSS est devenu commun dans le monde du Web, que ce soit en tant que miracle pour permettre à certains de sortir du dilemme des balises <table> mal utilisées, ou que soit en tant que casse-tête pour les autres notamment au niveau de l'interopérabilité entre les différents navigateurs Web.

Mais il aura fallu quand même un bon moment avant de voir arriver les premiers navigateurs prenant en compte parfaitement (ou pas) le standard W3C dans sa version la plus récente, le CSS 2.1. Un test parmi tant d'autres permettant de s'en rendre compte sur les navigateurs modernes, n'est autre que le célébrissime test Acid2 (le 3 leur donne déjà plus de fil à retordre).

Mais alors qu'on commence à peine à arriver dans une situation idéale avec la plupart des navigateurs actuels au niveau du rendu du CSS 2.1, qu'en sera-t-il de son successeur le CSS 3 ? Sera-t-il détrôné par les RIA ? Mettra-t-il aussi autant de temps que son grand frère pour être bien pris en compte par les navigateurs Web ?

Évidemment, certains n'auront pas chômer à leur tache et quelques uns des navigateurs sont déjà capables d'afficher des éléments CSS3 au travers de différents hacks ou variantes comme -moz- ou encore -webkit- (Je vous laisse deviner les navigateurs concernés).
Et bien sûr, je ne vous cacherai pas que pour avoir l'effet voulu, il faudra afficher l'élément avec un de ces navigateurs. Mais dans ce billet, j'en ferai des images.

Quand les ronds et les carrés fusionnent

Une propriété qui en intéressera plus d'un et permettra aussi de s'affranchir d'une certaine pollution de balises "inutiles" n'est autre que border-radius. Ceci est déjà possible d'une certaine façon en CSS ou via des images, mais autant dire que ce n'est pas très propre dans le code appliqué derrière...
Dans cet exemple, j'utilise les propriétés -moz-border-radius et -webkit-border-radius que j'applique de la manière suivante :

<div style="border:Black 1px solid;background:#ccc;-moz-border-radius:10px;-webkit-border-radius:10px;padding:10px;margin:10px 0;">

    Lorem ipsum dolor sit amet, [...] Aliquam aliquet nibh ullamcorper mauris.

</div>

Ce qui donne :

En utilisant -webkit-border-top-left-radius, -webkit-border-bottom-right-radius, -moz-border-radius-topleft et -moz-border-radius-bottomright, cela donne aussi :

Affichage du texte en plusieurs colonnes

Ne vous y trompez pas ! Dans cet exemple, il s'agit simplement de diviser le texte placé dans un élément en plusieurs colonnes, et non d'un layout donnant une possibilité de se passer du float (et pourtant, il est bel et bien prévu ;)).
Les propriétés en question sont column-count, column-gap, column-width et quelques autres encore . Mais ici je vais les appliquer avec -moz-column-count, -moz-column-gap, -webkit-column-count et -webkit-column-gap de la même façon que plus haut.
Ce qui donne :

Plusieurs images en background pour un seul élément

Une petite amélioration (et n'étant pas la seule) de la propriété background qui elle aussi permettra d'éviter de jouer avec des couches de balises pour arriver au même résultat. Car avec le CSS 2.1, il est seulement possible de superposer une couleur et une image.
Cependant, cette amélioration est seulement supporter à l'heure actuelle par Safari (La page de test), mais donne un jolie résultat :

Dans cet exemple, il n'y a qu'une seule <div> qui contient tous les backgrounds !

div.example
{ 
	height: 200px;
	width: 720px;
	padding: 150px 20px 20px 20px;
	background: url(http://www.joostdevalk.nl/oud/images/body-top.gif) top left no-repeat,
	url(http://www.joostdevalk.nl/oud/images/banner_fresco.jpg) 11px 11px no-repeat,
	url(http://www.joostdevalk.nl/oud/images/body-bottom.gif) bottom left no-repeat,
	url(http://www.joostdevalk.nl/oud/images/body-middle.gif) left repeat-y;
}

Autant dire qu'avec le CSS3, en plus d'avoir de jolies effets graphiques, nous aurons aussi un code beacoup plus propre

Pour plus d'infos sur le CSS3, je vous invite à faire un tour par le site du W3C ou via css3.info qui recèle de quelques bonnes previews.

Mozilla vient de mettre à disposition la première (et peut-être unique ?) Release Candidate de la version 3.0 de son navigateur à succès, Firefox.
Pour les intéressés, celle-ci est disponible à l'adresse suivante :

http://www.mozilla.com/en-US/firefox/all-rc.html

Pour ceux qui possèderaient déjà la version Béta 5 de Firefox 3, celui-ci se chargera de mettre à jour automatiquement votre navigateur.

Firefox 3 est basé sur le moteur de rendu web Gecko 1.9 et proposera une multitude de nouveautés par rapport à son grand frère Firefox 2, notamment une amélioration sur les standards W3C (par exemple, il passe le test ACID2 sans problème), une organisation des marques-pages améliorée, la barre d'adresse peut servir pour retrouver un site sur lequel on aurait naviguer ou qui serait dans les marques pages, une interface personnalisée selon l'OS de l'utilisateur, une consommation en RAM revu à la baisse (gros défaut de Firefox 2), ...

J'y reviendrai en détails lors de la sortie de la version finale prévu pour Juin.

Depuis quelques temps déjà (11 Juin 2007), Safari avait fait son entrée sur Windows avec une Béta, qui a été lancée lors de la WWDC 2007. Mais Apple nous avait donné là une Béta pas très utilisable et qui demandait encore pas mal de boulot avant de devenir potable.
Voila chose faites désormais avec la disponibilité du navigateur d'Apple, le bien nommé Safari, compatible Windows et Mac à cette adresse.

Ce que l'on peut principalement retenir de ce navigateur, outre ses fonctionnalité et son interface très sobre, c'est qu'il s'agit là d'une version du moteur de rendu Webkit enfin disponible sur Windows.
Il y a quand même eu des initiatives tel que le navigateur Swift, mais ici nous avons vraiment quelque chose de finalisé et de très proche voire identique à un rendu Safari Mac.

Il n'y a alors désormais plus aucune excuse à ce que vos sites Web ne soit plus compatible Safari !

Il y a un peu moins de 2 semaines, Dean Hachamovitch nous a présenté les toutes premières images et fonctionnalités de ce qu'allait être IE8, durant le Keynote du MIX 08. Mais ce n'était pas tout, car à la fin de cette dite Keynote, la première béta d'Internet Explorer 8 était disponible au téléchargement, et l'est toujours par ici pour les plus curieux.
Alors, qu'y a-t-il donc de vraiment nouveaux dans cette nouvelles versions d'Internet Explorer ?

Au premier coups d'oeil, on pourrait dire tout simplement presque rien. Car oui, mis à part quelques effets graphique comme par exemple l'adresse principale de l'Url qui ressort un peu plus, ce n'est surement pas l'interface graphique qui aura grandement changée par rapport à sa version précédente. Et tant mieux, car ce n'était sûrement pas le plus gros défaut à revoir pour cette nouvelle version. Mais en grattant un peu, il y a de quoi faire avec cette Béta 1.

Microsoft a  décidé, cette fois-ci, à nous faire un navigateur qui répond enfin - ou du moins en grandes parties - aux Standards du Web. Car d'après leur dire, les flux RSS, CSS et Ajax sont les priorités absolues de cette nouvelle version de leur navigateur Web. Les plus mauvaises langues diront que cela n'était pas trop tôt.
Cela se voit directement en affichant un smiley, qui nous souhaite gentillement bonjour, avec le test ACID2. Mais cela n'en fait pas pour autant un concentré de conformité. Le test ACID2 n'étant qu'une implémentation de différentes fonctionnalités des standards (dont du CSS 2.1), dans le but de favoriser l'interopérabilité. Mais cela prouve qu'au moins une grande partie des lacunes des anciennes versions a enfin été comblées.

Vous avez sans doute aussi remarquer ce gros bouton Emulate IE7, car même s'il sera possible de définir via une balise méta quelle version du moteur de rendu sera utilisée pour afficher un site Web, IE8 nous permet "tout simplement" de passer d'un moteur de rendu à l'autre via ce bouton. "Tout simplement", oui, car cela nécessite quand même un redémarage du navigateur. On peut espérer que cela ne devrait plus être nécessaire dans les futures versions.

Au rang des autres nouveautés, on peut aussi remarquer la présence en natif d'un débugueur comme l'est actuellement IE Developper pour IE7, même si ce dernier est pour l'instant meilleur à mon goût.
Les WebSlices aussi seront de la partie, qui sont en quelques sortes, un semblant de flux RSS d'un composant d'une page. Dans le Keynote, Dean Hachamovitch nous donnait l'exemple d'un WebSlice fait sur Ebay, qui nous permettait d'avoir le fil des enchères d'un objet sans devoir retourner sur le site même. Intéressant.  Au niveau du code derrière, on peut voir que cela ne demandera pas grand chose pour des possibilités qui pourraient être pas mal à utiliser.
Même si la plupart des navigateurs actuels le font déjà, la possibilité de restaurer sa navigation précédente en cas de plantage ou autres raisons, fait enfin son apparition.
Une autre nouveauté plutôt intéressante est qu'en surlignant un texte, tout un choix d'activités est disponible dans le menu contextuel en rapport avec la sélection. Comme par exemple traduire celle-ci, la localiser via Live Maps s'il s'agit d'une adresse, faire une recherche sur Ebay, etc., ... Bien sûr, tout cela est configurable pour les personnes ayant des préférences pour d'autres services chez la concurrence.
Les boutons de navigations prendront désormais en compte les changements effectués via Ajax.

Bien qu'il n'y ait pas vraiment de moyen de le vérifier vraiment, IE8 devrait être capable de d'utiliser l'HTML 5 dans un premier temps. Sans doute qu'on en saura un peu plus dans les mois qui suivent.
IE8 bénéficiera aussi de meilleur performance (Affichage, Scripts, etc.). Selon un graphique diffusé lors du Keynote, les performances sont à peu de choses près équivalentes à celles de Firefox 3 Béta et Safari 3.04.

La version finale d'Internet Explorer serait attendu pour la fin 2008 ou début 2009. Avec l'espoir qu'ils nous fournissent enfin un navigateur qui ne sera pas trop considérer comme un boulet, à la vue de ses versions précédentes. Et vu ce qui nous est offert avec cette première Béta, il y a de quoi être rassuré quand on voit que les autres navigateurs continuent leur petit bonhomme de chemin depuis un bon moment vers la bonne voie.
A ce propos, la version finale de Firefox 3 serait attendue cet été.