Bienvenue à Blogs CodeS-SourceS Identification | Inscription | Aide

Si vous avez des macros que vous utilisez fréquemment, il est possible d'aller les mettre directement en bouton dans une barre d'outils (personnalisé ?) plutôt que de passer par le gestionnaire de Macro.

La manipulation se rapproche assez de l'Astuce pour configurer les menus comme vous le souhaitez. Il faut pour cela aller dans :

Affichage > Barre d'outils... > Personnaliser

bouton-macro-perso Dans l'onglet Commande, cliquez sur le bouton Réorganiser les commandes...
Dans la nouvelle fenêtre qui s'affiche, vous devez sélectionner le bouton radio de Barre d'outils. Sélectionner la barre d'outils dans la liste déroulante sur la droite dans laquelle vous placer et cliquez ensuite sur Ajouter...

Une nouvelle fenêtre Ajouter une commande s'ouvre. Chercher après Macros dans la liste déroulante Catégorie et sélectionner Bouton personnalisé avec le smiley :).
Après avoir valider, vous devriez le voir aparaitre dans la liste Contrôle sur votre fenêtre Réorganiser les commandes.

Il ne reste plus qu'à lier une macro à ce dernier en cliquant sur :

Modifier la sélection > Affecter une macro...

Choisissez la macro a affecté et valider.

PS : La manipulation est la même pour Visual Studio ;)

chrome1 Voila sans doute le logo de raccourci que vous pourriez prochainement voir arriver sur votre PC. En effet, des rumeurs se faisaient de plus en plus persistantes sur un navigateur Made in Google. Après un OS, pourquoi pas après tout.

Entre temps, on pu apercevoir quelque fuites, comme par exemple une BD expliquant les "nouvelles" fonctionnalités de Google Chrome sur une quarantaine de page.
Ou encore ni plus, ni moins que la FAQ pour les Web Developpers.

google_chrome_preview-716448 Au niveau de son fonctionnement, on peut déjà dire qu'il fonctionnera avec le moteur de rendu Webkit et Google Gears : une API qui permettrait un accès hors-ligne à ses données ou à des services en ligne. Google Chrome possèdera aussi un moteur Javascript amélioré (nommé V8), un "speed dial" à la Opera, un "Mode Porn.." euh, un mode "Navigation Caché" comme aura IE8 lui aussi, une barre intelligente comme Firefox 3, ...

Comme nous le montre encore cette BD, il devrait y avoir aussi une protection contre le Fishing, les onglets seront gérés indépendamment l'un de l'autre, la mémoire mieux géré, ...

Une version Béta devrait arriver TRES prochainement.
Mais je ne peux que vous inviter à aller faire un tour sur la FAQ et la BD tant qu'ils sont actifs si vous voulez en savoir plus sur ce nouveau navigateur, car certaines fuites se sont déjà fait couper l'herbe sous le pied.

MAJ : Pour télécharger le navigateur, c'est par ici que ça se passe.

message-erreur-aide Dans la plupart des cas, il s'agit d'un problème de compatibilité de langages qui intervient quand Expression Web fonctionne sur un OS ayant une autre langue.

Dans mon exemple, Expression Web est en français et je le fais tourner sur mon Windows XP en Anglais. En lançant l'aide d'Expression Web, cela affiche un message d'erreur précisant qu'il n'y a pas d'aide disponible.

parametres-langues-aide Pour résoudre ce problème, il faut pour cela aller chercher du côté des outils d'Office 2007 installé en même temps qu'Expression Web. Ouvrez :

Démarrer > Programmes > Microsoft Office > Outils Microsoft Office > Microsoft Office 2007 Paramètres de langue

Dans l'onglet Langage d'Affichage, mettez la langue de votre Expression Web en la sélectionnant depuis la liste déroulante sous Afficher l'Aide en.
Dans le cas de mon exemple, il faut mettre l'aide en français pour que cela fonctionne. Il ne reste plus qu'à valider pour que cela prenne effet.

En revenant sur Expression Web, vous pouvez tester que cela fonctionne bien.

changer-extension-defaut 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é.

ubiquity_side 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

addin-frontbox 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

barre_de_menusDans 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.
boutonMiseEnForme 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.

barre-outils-perso 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.

miseEnForme 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

Liste déroulante 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.

Mode_Navigtation

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 éditables (ou non) afin d'éviter des modifications 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, notamment quand l'on n'utilise pas la MasterPage.
Les parties éditables sont définies grâce à des commentaires HTML spécifiques. Par exemple :

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

doctitle étant tout simplement le nom de la zone modifiable. Il est tout à fait possible de l'appeller TitreDeLaPage par la suite.

Création d'un modèle Web dynamique

Pour créer .dwt, c'est très simple. Il suffit de partir d'une page vierge HTML et d'y faire la mise en page qu'on souhaite avoir sur chacune des pages.
Pour l'instant, il n'est pas nécessaire de s'occuper à vouloir faire des parties non éditables. Nous le ferons quand le .dwt sera créé.

dwt_save_as

Ensuite, on fait Fichier > Enregistre sous... à partir du fichier. Et dans la liste déroulante du Type de fichier, il suffit de choisir modèle Web dynamique (.dwt).
Votre modèle Web dynamique se retrouve alors dans la Liste des dossiers.

Créer des zones modifiables

La partie la plus intéressante de ces modèles, étant que l'on peut créer des zones modifiables comme je le précise plus haut. Par défaut, le reste est déclaré comme étant non modifiable, hormis la DTD (DOCTYPE).
En ouvrant le fichier .dwt fraichement créé, on retrouve notre mise en page de notre fichier HTML de tout à l'heure.

dwt_zone_modifiable Pour créer une zone modifiable, il faut pour cela la sélectionner depuis la fenêtre de Design et faire Clic Droit > Gérer les zones modifiables depuis celle-ci.
Il ne reste plus qu'à l'ajouter en lui donnant un p'tit nom. Vous remarquerez (si vous avez la fenêtre Fractionné), qu'il a été ajouté directement les commentaires à l'intérieure de la zone pouvant être modifiée :

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

Si l'envie vous dit de faire d'autres zones modifiables, vous savez quoi faire :).

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

2 possibilités :

Fichier > Nouveau > Créer à partir du modèle Web dynamique
Ou
Clic Droit sur le .dwt créé > Nouveau à partir du modèle Web dynamique

Cela génère un fichier HTML qui ne sera pas encore répertorié dans votre site Web, mais aura ouvert un nouvel onglet pour l'occasion. Il suffit de l'enregistrer pour qu'il apparaise dans votre Liste des Dossiers.

dwt_split

En allant dans celui-ci, vous remarquerez que depuis la fenêtre Code, la partie jaunâtre n'est pas "modifiable". Et inversément, depuis la fenêtre Design, c'est la partie encadré jaunâtre qui est modifiable. D'ailleurs, un signe interdit apparait lorsqu'on survole une zone non-modifiable grisée.
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 :

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

Alors certains diront "Oui mais je peux encore modifier les zones protégés dans la partie Code".
C'est exact. Mais il n'est pas conseillé de le faire. Car si on viendrait à modifier notre modèle Web dynamique, celui-ci viendrait mettre à jour les parties non-modifiable de TOUS les fichiers auxquels il est associé. Autrement dit, si vous avez été modifier quelque chose où il ne fallait pas, celui-ci sera remplacé par le nouveau contenu du modèle Web dynamique, évidemment sans toucher les zones modifiables.

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).

Bref, nous avons là un bel outil qui permet d'éviter de devoir changer la mise en page indépendamment sur chaque page.

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"

Windows_Command

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.

Firefox_Profil 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 :)

Firefox_Parrallele

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.

dday_badge_fox_6 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) ?

Sans-titre-1Mais 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

img-expression2-1_thumbLe 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. Image1 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

Image3 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.
Image7 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

Image5 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

Image8 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.

dday_badge_fox 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 ?

Download Day 2008

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 :

img-css3-1

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

img-css3-2

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 :

img-css3-3

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 :

img-css3-4

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.

Plus de Messages Page suivante »


Les 10 derniers blogs postés

- La suite ...Proposition de collaboration rédactionnelle entre les communautés de développeurs et Microsoft France par LucasR le il y a 9 heures et 16 minutes

- [Fun] Votre simulateur de vol avec Microsoft ESP par Julien Chable le il y a 14 heures et 59 minutes

- [Best Practices] Customisation du My Site : Comment le modifier en amont et en aval par The Mit's Blog le il y a 16 heures et 13 minutes

- Patrick Tisseghem s'en est allé ... par The Mit's Blog le il y a 16 heures et 57 minutes

- MS AutoCollage par alex# le il y a 17 heures et 42 minutes

- Un grand SharePointeur nous a quitte : Patrick Tisseghem manquera à la communauté ! par RedoBlog - The .NET Gentleman !!! le il y a 18 heures et 8 minutes

- [WPF] Comment charger dynamiquement un fichier XAML qui définit des eventhandler ? par Thomas Lebrun le 09-04-2008, 10:56

- Article sur le filtrage des modèles de site SharePoint par The Grib's Lair [Sébastien PICAMELOT - MVP SharePoint] le 09-04-2008, 00:11

- Adopter votre Redo en 3D - Clone Virtuel - avec photosynth par RedoBlog - The .NET Gentleman !!! le 09-04-2008, 00:07

- [Expression Web] Astuce de la Semaine : Mettre en bouton ses macros dans une barre d'outils. par Expression Web & Me le 09-03-2008, 20:48