Avec la version 8 de son navigateur, Microsoft progresse sur le terrain des standards.
Ce billet, pour résumer, rappelle la règle d'or de l'équipe des développeurs d'Internet Explorer : « Don't Break the Web ». Cette règle explique une mise au point, le mode Quirks reste inchangé, de même que le mode standard tel qu'il est actuellement sous la version 7.

Pourquoi le mode Quirks est-il intérressant ?
Si vous n'êtes pas expert dans les langages supportés par IE depuis la nuit des temps et bien vous allez être très surpris d'apprendre que c'est à partir des spécificités des langages  VML - HTML+TIME - TDC - USERDATA etc... que les nouveaux standards tels que HTML5 - CSS3 - SVG - SMIL - JQUERY etc... arrivent sur le marché depuis 2 ans environ et que ceux-ci ne révolutionnent rien de grandiose puisque IE en Quirk mode  sait le faire depuis 1998.

Voici 2 vidéos réalisées avec l'éditeur wysiwyg PAGEDITOR PRO V9 pour vous prouver qu'il est possible de faire des sites web en format XML cross-browsers (FIREFOX - CHROME - SAFARI - OPERA) en convertissant à la volée les langages en HTML5, visibles aussi sur les derniers Smartphones (iphone - ipad - google android).

Visitez le site PAGEDITOR PRO : [ www.pageditorpro.com ]

Cette année 2010 nous réservera encore quelques bonnes surprises en mars lors de la présentation de la première version de IE 9 en béta.

En effet la puissance de Windows 7 et de son navigateur IE 9 donneront encore plus de rapidité d'affichage pour réaliser des effets graphiques comme des rectangles en coins arrondis ou bien des effets de dégradés animés sur des titrages vectoriels.

Vous pouvez dès à présent tester en ligne grâce au langage vectoriel VML - HTML+TIME cette petite démonstration dynamique sous toutes les versions 6 - 7 - 8 - 9 du navigateur IE de MS en avant première.

Démonstration sous IE toutes versions uniquement : [ Lien ici ]

Au fait, le CSS3 et le HTML 5 doivent faire des coins ronds et des rectangles vectoriels très facilement d'ici 5 ans sur tous les autres navigateurs open source ! vive le progrès en 2015...

Décidément le vectoriel a le vent en poupe, il revient en force au niveau des futures interfaces pour le web 3.0 (voir Silverlight 3.0) au grand MIX09 de Microsoft®.

Pas une seule réponse au niveau de la concurrence sur le sujet lors du lancement de IE 8 non plus !

Il est plus facile de lire des critiques non fondées sur IE 8 dans les blogs influents que de se mettre à l'ouvrage pour faire des véritables tests de ce navigateur.

Nous allons donc, prendre notre courage à deux mains pour vous prouver encore une fois avec quelle facilité il est possible de réaliser un effet FLIP BOOK dans une page web sans effort sous IE 8.

Voici ci-dessous une vidéo pour vous expliquer la technique du Flip Book en VML animé sous PAGEDITOR PRO V8.

Voici le lien de démo en direct sous IE 8 [ Flip Book ]

Le filtre le plus connu est sans aucun doute le "Chroma Key" avec lequel vous pouvez obtenir le fameux effet du présentateur météo inscrusté dans la carte de France.

Mais comment faire sur un site web avec une photo JPEG, sachant que ce format ne gère pas la transparence contrairement à son homologue le PNG ?

Et bien voici la technique, vous enregistrez une photo JPEG avec un fond blanc dans un cadre VML à coins arrondis, ensuite dans PAGEDITOR PRO vous y substituez sa couleur de fond par une image d'un paysage, d'un dégradé de couleurs ou tout autre chose.
Ceci à l'aide des possibilités du langage VML avec l'attribut Chromakey du tag <v:imagedata chromakey="white" src="votre_photo.jpg"  />.

Nous obtenons alors un effet nickel chrome d'incrustation dans la page web sans effort sous IE 8.

Voici ci-dessous une vidéo pour vous expliquer la technique du ChromaKey en VML sous PAGEDITOR PRO V8.

Voici le lien de démo en direct sous IE [ Chromakey ]

Tout d'abord, je vous rappelle que le format OOXML de MS a été validé par l'ISO en 2008.

Il y a toujours la présence du VML pour les tracés vectoriels afin de garder une compatibilité descendante pour les vieux sites web et applications intranet.

Il y a aussi le fameux tag [META HTTP-EQUIV="X-UA-Compatible" CONTENT="IE=EmulateIE7" ]
en plus qui permet d'imposer le mode de compatibilité désiré.

En ce qui concerne IE 8 RC1 vous pouvez toujours découvrir sa face cachée et surtout ce que l'on peut faire avec les langages propriétaires de MS depuis 1998 avec le HTML- JAVASCRIPT - VML - HTML+TIME - TDC.

Voyons tout de suite en vidéo avec PAGEDITOR PRO V8 notre éditeur WYSIWYG vectoriel qui permet sans programmation de réaliser un site web de bonne facture pour 85% des internautes de la planète.

Voici le test sous la version IE 8 RC 1 d'une page web avec une animation d'un texte en pseudo 3D.

Encore une fois vous rêvez tous à un monde ou MS ne devrait ne plus réguler la planète !

Sachez que l'on à mis 30 ans à assimiler le mot  "Traitement de texte" à Word...

Description sommaire du test ACID2

A la différence des tests de conformité habituellement utilisés pour les implémentations HTML ou CSS, Acid2 n'est pas une suite de tests unitaires : il se présente sous la forme d'une page web unique qui concentre plusieurs dizaines de tests, sous la forme d'un dessin composé de lignes horizontales colorées représentant une figure souriante. Malgré la documentation fournie, il en résulte une certaine complexité, nécessitant des précisions ultérieures sur les tests spécifiques.

Le seul texte présent est « Hello World! ». Le balisage HTML4.01 est une série de blocs génériques (éléments div) ou spécifiques (éléments h2, p, object, table, blockquote, address et liste ul) pour la plupart vides.

La feuille de style interne combine différentes séries de propriétés, de manière à tester le support :

• des positionnements relatif, absolu et fixe
• du modèle de boîte
• du modèle de formatage en tableau
• de l'algorithme de calcul des marges
• du contenu généré
• du calcul des hauteurs de ligne dans les boîtes de ligne
• du comportement au survol
• de l'ordre du dessin dans les empilements
• du comportement de l'analyseur syntaxique (parser) CSS en cas d'erreur de syntaxe.

Le test ne se limite pas à essayer des fonctionnalités de CSS 2. Il concerne également le support d'éléments object imbriqués, permettant de produire différents contenus alternatifs selon les capacités du client, ainsi que les règles de parsing HTML sur la fermeture des balises et les blocs de commentaires SGML. Il vérifie enfin le support des images PNG translucides et la gestion correcte du protocole data: pour l'insertion d'objets intégrés.

Les fonctionnalités vérifiées par le test Acid2 sont destinées à être implémentées par les navigateurs web en mode de rendu « strict » : la technique du doctype switching leur permet de maintenir si nécessaire leurs implémentations antérieures, non conformes, dans leur mode de rendu compatible (mode « quirks »).

Si le résultat de l'affichage de cette page web n'est pas identique au dessin attendu, la mise en œuvre de CSS 2 dans le navigateur n'est théoriquement pas conforme à la spécification CSS 2. Par contre, le fait qu'un navigateur réussisse le test ne signifie pas qu'il supporte entièrement CSS 2.

Pour rigoler encore plus !

ACID3 le test encore en test...

Pour passer le test ACID3, un navigateur doit, avec ses réglages par défaut, faire le rendu fluide d'une animation dont l'image finale doit correspondre exactement à une image de référence, avec un score de 100/100. Pour cela, le navigateur doit implémenter correctement certains aspects du DOM2, d'ECMAScript, des CSS, du SVG, du XML et des URIs. Le test Acid3 n'est donc pas un test de conformité global à ces spécifications, comme le sont en revanche les test suites du W3C.

La version officielle du test est publiée le 3 mars 2008 par le Web Standards Project, après avoir été élaborée principalement par Ian Hickson et complétée au terme d'une compétition ouverte aux développeurs. Le test n'est cependant alors pas encore documenté, et reste sujet à corrections, compte-tenu de sa complexité.

En conclusion ci-dessous en vidéo :

Notre test AMER2 ou la compile des 2 tests ACID2 et ACID3

Nous avons utilisé les normes :
CSS2 - image Bitmap - PNG - animation vectoriel VML - HTML+TIME sous IE 6 - 7 - 8 Bêta

Source d'information : Wikipédia

Aujourd'hui incontournable, Ajax s'invite partout.
Impossible d'oser concevoir une application web sans Ajax !

La conception d'application web profite des nouvelles possibilités offertes par AJAX mais surtout par son utilisation conjointe avec le DHTML(javascript + CSS). Il convient tout d'abord de bien cerner ce qu'est Ajax et ce qu'il permet de faire. Il est nécessaire de démêler l'innovation de l'effet de mode ainsi que les pièges associés à ce type de programmation en terme d'accessibilité.

Ajax ( Asynchronous JavaScript And XML) est une méthode de développement, qui se résume quasiment en une seule instruction : XMLHttpRequest. Cette fonction a été introduite par Microsoft dans Internet Explorer 4.0 en octobre 1997. Ajax est en fait un nom qui désigne l'utilisation conjointe de plusieurs technologies web. Pour simplifier, Ajax est un ensemble de fonctionnalités qui permet de recharger une partie d'une page web: c'est tout.

Mais il y a une alternative beaucoup plus intéressante et plus simple en utilisant les langages (VML - HTML+TIME - JAVASCRIPT - CSS2 - TDC) avec le solution PAGEDITOR PRO V8 sous le navigateur Internet Explorer versions 6 - 7 - 8 de Microsoft® et ceci depuis 1998.

Visionnez cette vidéo qui vous démontre comment réaliser une simple photothèque en vectoriel dynamique sans écrire de code AJAX ni d'interface en FLASH le tout sous IE 8, le seul navigateur pouvant faire cette prouesse en vectoriel VML( sans plugin contrairement au langage SVG d'Adobe®.)

Mais il y a FLASH me direz-vous ?

Le Flash continue de déchaîner les passions. Le format de Macromedia (maintenant propriété d'Adobe) est en effet vecteur du meilleur du web comme du pire. Bien utilisé, il peut apporter une originalité créative et aider à créer des chefs d'oeuvres. Mais généralement, il est la source d'irritation de nombreux surfeurs qui s'arrachent les cheveux devant la dernière "innovation" en matière de publicité animée et bruyante.Certaines personnes vont même jusqu'à masquer avec un objet ces zones tellement animées qu'elles rendent difficile la concentration sur la lecture d'un texte. Finalement, la situation se stabilise. Le flash est maintenant surtout utilisé pour afficher les publicités et pour les sites qui ont besoin d'un support visuel fort (parfois faute de mieux à proposer pour être attractif).

Qu'a vraiment apporté le Flash à internet ?

Il y a 5 ans, on parlait du Flash comme on parle d'Ajax aujourd'hui : "Patrick, il est impensable que tu fasses du web sans Flash!". Quand le navigateur FIREFOX est né certains utilisateurs (25% de parts de marché) se sont dit qu'ils avaient là, le meilleur navigateur du web avec une technologie full compatible grâce à l'AJAX et que IE de Microsoft c'est de la "Daube".

Le flash permet d'apporter un contenu multimédia et répond bien à ce besoin. Il est important d'identifier les effets indésirables des technologies pour pouvoir les éviter et offrir le meilleur. Il faut d'abord préciser qu'Ajax comme le Flash nuit à l'accessibilité des pages donc à un bon référencement dans le moteur de recherche Google et les autres...

Ajax est jeune, les solutions de développement Ajax (framework) se multiplient, mais rien ne s'impose encore. Tout ceci est très mouvant. Il convient d'être prudent sur les coûts de développement initiaux et surtout sur les coûts d'évolutions et de maintenances applicatives de framework qui pourraient tomber en désuétude.

La suite OpenOffice (Source libre) est-elle supérieure à celle d'Office MS ?
Un petit exemple comparatif en vidéo s'imposait pour le vérifier sous IE8 de Microsoft ®. Rappelons que celui-ci est le navigateur le plus utilisé par les entreprises à ce jour (85% des parts de marché environ). Nous utiliserons la fonction de dessin vectoriel des deux tableurs de ces Suites bureautiques pour nous faire une véritable opinion de leurs capacités.
Le test ci-dessous avec OpenOffice Calc


La suite du test ci-dessous avec Excel MS


En conclusion, encore des fonctionnalités méconnues de la suite bureautique MicrosoftOffice ®, le mode vectoriel sera un des enjeux les plus importants pour la prochaine génération de sites web (Voir Silverlight nouvelle technologie de Microsoft ®). Pageditor Pro est déjà opérationnel avec plus d'une centaine de clients utilisateurs depuis 2003.

Démonstration de la solution vectorielle PAGEDITOR PRO V8. Comment réaliser une publicité simplement en quelques clics de souris sous IE 6-7-8 de Microsoft ®.