none
Microsoft déçoit les webdevelopppeurs pour son retard

    一般討論

  • Microsoft nous déçoit énormément pour son retard dans l'intégration des nouveautés de html5 et css3.

    J'adore les nouvelle technologies du web, mais malheureusement cette fois-ci, les nouveautés passe très bien dans tous les navigateurs, sauf internet explorer. Il essaie de se rattraper en nous disant qu'il-y-a des améliorations dan la version 9 or il oublie que la plupart des visiteurs des sites web travaillent encore avec ie6 ie7 et surtout ie8 donc pour effacer complètement ces anciennes versions il faudra pas moins de 8 à 10 ans.

    En attendant nous développeurs web exigeons de Microsoft de des dédommagement pour son incompétence dans ce domaine, car ce sont des millions que nous manqueons du fait que ie est largement répandue.

    Pour preuve, copiez le code html suivant, et créez une page html avec, puis testez-y dans internet explorer, chrome, opéra, Mozilla et commentez la suite dans cette discussion svp!

    <html><head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <title>CSS Accordrion
    </title>
    <style type="text/css">
    /* CSS3 Create
    
    Styles CSS liés à la démo:
    -> (Astuce) Utiliser les transitions CSS avec height:auto
    
    */
    
    .accordeon h5 a{
    position:relative;
    z-index:2;
    width:193px;
    font-weight:bold;
    text-shadow:0 3px 0 #000;
    font-size:1.2em;
    border-bottom:1px solid #555;
    border-top:1px solid #aaa;
    /*linear-gradient*/
    background:#888;
    background:-webkit-gradient(linear,left top,left bottom,from(#999),to(#888));
    background:-webkit-linear-gradient(top,#000,#900);
    background:   -moz-linear-gradient(top,#000,#900);
    background:    -ms-linear-gradient(top,#000,#900);
    background:     -o-linear-gradient(top,#000,#900);
    background:        linear-gradient(top,#000,#900);
    /*border-radius*/
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
    /*box-shadow*/
    -webkit-box-shadow:0 0 5px black;
       -moz-box-shadow:0 0 5px black;
            box-shadow:0 0 5px black;
    }
    
    .accordeon h5 a{
    display:block;
    padding:12px 0 12px 20px;
    color:#eeeeee;
    text-decoration:none;
    }
    
    .accordeon{
    width:193px;
    height:1px;
    float:left;
    margin:0px;
    }
    
    .accordeon:hover{
    }
    
    .accordeon div{
    margin:-5px;
    width:200px;
    position:relative;
    z-index:1;
    linear-gradient
    */background:rgba(100,150,255,.4);*/
    /*linear-gradient*/
    background:#888;
    background:-webkit-gradient(linear,left top,left bottom,from(#999),to(#888));
    background:-webkit-linear-gradient(top,#C00,#000);
    background:   -moz-linear-gradient(top,#C00,#000);
    background:    -ms-linear-gradient(top,#C00,#000);
    background:     -o-linear-gradient(top,#C00,#000);
    background:        linear-gradient(top,#C00,#000);
    /*border-radius*/
    -webkit-border-radius:9px;
       -moz-border-radius:9px;
            border-radius:9px;
    /*box-shadow*/
    -webkit-box-shadow:0 0 9px black;
       -moz-box-shadow:0 0 9px black;
            box-shadow:0 0 9px black;
    padding:18px;
    margin-top:-40px;
    margin-left:-10px;
    font-size:.9em;
    color:#EEE;
    opacity:0;
    /*transform*/
    -webkit-transform:scaleY(0);
       -moz-transform:scaleY(0);
        -ms-transform:scaleY(0);
         -o-transform:scaleY(0);
            transform:scaleY(0);
    /*transform-origin*/
    -webkit-transform-origin:50% 0;
       -moz-transform-origin:50% 0;
        -ms-transform-origin:50% 0;
         -o-transform-origin:50% 0;
            transform-origin:50% 0;
    /*transition*/
    -webkit-transition:all .5s ease;
       -moz-transition:all .5s ease;
        -ms-transition:all .5s ease;
         -o-transition:all .5s ease;
            transition:all .5s ease;
    }
    
    .accordeon:hover div{
    opacity:1;
    /*transform*/
    -webkit-transform:scaleY(1);
       -moz-transform:scaleY(1);
        -ms-transform:scaleY(1);
         -o-transform:scaleY(1);
            transform:scaleY(1);
    }
    
    .accordeon div p{
    padding:5px;
    text-shadow:0 1px 0 #000;
    background:#888;
    background:-webkit-gradient(linear,left top,left bottom,from(#999),to(#888));
    background:-webkit-linear-gradient(top,#C00,#000);
    background:   -moz-linear-gradient(top,#C00,#000);
    background:    -ms-linear-gradient(top,#C00,#000);
    background:     -o-linear-gradient(top,#C00,#000);
    background:        linear-gradient(top,#C00,#000);
    /*box-shadow*/
    -webkit-box-shadow:0 0 5px #ffff00;
       -moz-box-shadow:0 0 5px #ffff00;
            box-shadow:0 0 5px #ffff00;
    /*border-radius*/
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
    }
    
    .accordeon div p:hover{
    padding:5px;
    text-shadow:0 1px 0 #000;
    background:#888;
    background:-webkit-gradient(linear,left top,left bottom,from(#999),to(#888));
    background:-webkit-linear-gradient(top,#000,#c00);
    background:   -moz-linear-gradient(top,#000,#c00);
    background:    -ms-linear-gradient(top,#000,#c00);
    background:     -o-linear-gradient(top,#000,#c00);
    background:        linear-gradient(top,#000,#c00);
    /*box-shadow*/
    -webkit-box-shadow:0 0 25px #ffff00;
       -moz-box-shadow:0 0 25px #ffff00;
            box-shadow:0 0 25px #ffff00;
    /*border-radius*/
    -webkit-border-radius:15px;
       -moz-border-radius:15px;
            border-radius:15px;
    /*transform*/
    -webkit-transform:scaleY(1.3);
       -moz-transform:scaleY(1.3);
        -ms-transform:scaleY(1.3);
         -o-transform:scaleY(1.3);
            transform:scaleY(1.3);
    /*transform-origin*/
    -webkit-transform-origin:50% 50%;
       -moz-transform-origin:50% 50%;
        -ms-transform-origin:50% 50%;
         -o-transform-origin:50% 50%;
            transform-origin:50% 50%;
    /*transition*/
    -webkit-transition:all .3s ease;
       -moz-transition:all .3s ease;
        -ms-transition:all .3s ease;
         -o-transition:all .3s ease;
            transition:all .3s ease;
    }
    
    .accordeon div p a{
    color:#eee;
    text-decoration:none;
    display:block;
    }
    
    .accordeon div p a:hover{
    color:white;
    }
    
    #dummy p{
    padding:5px 50px;
    color:#999;
    text-shadow:0 1px 0 #eee;
    }
    
    </style>
    
    
    </head>
    <body>
    
    <table><tbody><tr>
    
    <td style="width: 180px;">
    <div class="accordeon">
            <h5><a href="http://www.css3create.com/Astuce-Utiliser-les-transitions-CSS-avec-height-auto#">More Informations...</a></h5>
            <div>
    <p><a href="http://espoir-pc/">aaaaaa ipsum dolor sit amet, consectetur adipiscing elit. Curabitur orci metus.</a></p>
    
    <p>Vestibulum metus quam, tristique in posuere et</p>
    </div>
            </div>
    </td>
    
    <td style="width: 180px;">
    <div class="accordeon">
            <b><h5><a href="http://www.css3create.com/Astuce-Utiliser-les-transitions-CSS-avec-height-auto#">More Informations...</a></h5></b>
            <div>
    <p><a href="http://espoir-pc/"><img src="top.jpg" alt="top tropical" style="width: 50px; float: left; margin-right: 4px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></p>
    
    <p>Vestibulum metus quam, tristique in posuere et</p>
    
    <p>Ut vitae ipsum porta justo feugiat semper. Etiam ac tellus in lectus consectetur vestibulum.</p>
    <p style="margin-bottom:Opx"> Vivamus mollis fringilla sapien, eget ornare est iaculis at. Nullam in nisl in orci ultrices </p>
    <p style="margin-top:Opx">fringilla. Duis iaculis purus ut lorem fermentum adipiscing.</p>
    </div>
            </div>
    </td>
    
    <td style="width: 180px;">
    <div class="accordeon">
            <b><h5><a href="http://www.css3create.com/Astuce-Utiliser-les-transitions-CSS-avec-height-auto#">More Informations...</a></h5></b>
            <div>
    <p><a href="http://espoir-pc/"><img src="top.jpg" alt="top tropical" style="width: 50px; float: left; margin-right: 4px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></p>
    
    <p>Vestibulum metus quam, tristique in posuere et</p>
    
    <p>Ut vitae ipsum porta justo feugiat semper. Etiam ac tellus in lectus consectetur vestibulum.</p>
    <p style="margin-bottom:Opx"> Vivamus mollis fringilla sapien, eget ornare est iaculis at. Nullam in nisl in orci ultrices </p>
    <p style="margin-top:Opx">fringilla. Duis iaculis purus ut lorem fermentum adipiscing.</p>
    </div>
            </div>
    </td>
    
    <td style="width: 180px;">
    <div class="accordeon">
            <b><h5><a href="http://www.css3create.com/Astuce-Utiliser-les-transitions-CSS-avec-height-auto#">More Informations...</a></h5></b>
            <div>
    <p><a href="http://espoir-pc/"><img src="top.jpg" alt="top tropical" style="width: 50px; float: left; margin-right: 4px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></p>
    
    <p>Vestibulum metus quam, tristique in posuere et</p>
    
    <p>Ut vitae ipsum porta justo feugiat semper. Etiam ac tellus in lectus consectetur vestibulum.</p>
    <p style="margin-bottom:Opx"> Vivamus mollis fringilla sapien, eget ornare est iaculis at. Nullam in nisl in orci ultrices </p>
    <p style="margin-top:Opx">fringilla. Duis iaculis purus ut lorem fermentum adipiscing.</p>
    </div>
            </div>
    </td>
    
    <td style="width: 180px;">
    <div class="accordeon">
            <b><h5><a href="http://www.css3create.com/Astuce-Utiliser-les-transitions-CSS-avec-height-auto#">More Informations...</a></h5></b>
            <div>
    <p><a href="http://espoir-pc/"><img src="top.jpg" alt="top tropical" style="width: 50px; float: left; margin-right: 4px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></p>
    
    <p>Vestibulum metus quam, tristique in posuere et</p>
    
    <p>Ut vitae ipsum porta justo feugiat semper. Etiam ac tellus in lectus consectetur vestibulum.</p>
    <p style="margin-bottom:Opx"> Vivamus mollis fringilla sapien, eget ornare est iaculis at. Nullam in nisl in orci ultrices </p>
    <p style="margin-top:Opx">fringilla. Duis iaculis purus ut lorem fermentum adipiscing.</p>
    </div>
            </div>
    </td>
    </tr>
    </tbody></table>
    <div><h5><br><br><br><br>Complete</h5></div>
    
    </body></html>




    • 已編輯 Eswkal 2012年3月19日 下午 04:41
    2012年3月19日 上午 09:03

所有回覆

  •  

    Bonjour,

    Merci pour votre feedback !

    Tout d’abord je veux vous dire que le fait que certains utilisateurs continuent avec IE6 ou IE7 dépende sur leur choix, vu qu’ils peuvent installer au moins IE8 sur Windows XP (si je ne me trompe pas). Puis, c’est vrai qu’IE8 ne supporte pas complètement HTML5, mais la prise en charge de plusieurs fonctionnalités définies dans l’ébauche de spécification HTML5 a commencé avec Internet Explorer 8.

    De toute façon, il y a des différentes possibilités pour contourner cet aspect : plusieurs développeurs ont adopté l’idée de Sjoerd Visscher et utilisent JavaScript pour créer les éléments HTML5 (voir aussi cet article).

    Puis, vous dites que « les nouveautés passe très bien dans tous les navigateurs, sauf internet explorer », mais je vois qu’il y a des problèmes aussi avec Firefox 2 et Camino 1. De ma part ces problèmes sont normales surtout quand on parle de produits anciens. De ce que je sais, le support pour IE6 et IE7 finira le même jour que le support pour Windows XP (an avril 2014), donc implémenter des solutions pour les deux produits n’est pas justifié. D’autre côté, vu qu’on peut faire une mise à jour jusqu’à IE 8 peut être considéré par les développeurs un raison suffisant pour gérer HTML5 et CSS3 en IE8.

    Je sais que ce n’est pas la réponse que vous attendez, mais c’est tout ce que je peux dire sur ce sujet. En plus, notez que cette position ne représente pas la position officielle de Microsoft et c’est seulement mon opinion.

    Finalement, je vous invite lire l’étiquette sur les forums MSDN où on vous demande être respectueux. Le fait qu’un produit n’est pas mise à jour ne signifie pas nécessairement incompétence. Je crois que tout est lié à la politique de chaque entreprise et les forums MSDN (destinés pour des questions du développement) ne sont pas le bon endroit pour ce type de discussions.

    Merci de votre compréhension et collaboration.

    Bonne journée,

    Cipri


    Suivez MSDN sur Twitter   Suivez MSDN sur Facebook


    Ciprian DUDUIALA, MSFT  
    •Nous vous prions de considérer que dans le cadre de ce forum on n’offre pas de support technique et aucune garantie de la part de Microsoft ne peut être offerte.

    2012年3月19日 下午 12:58
    擁有者
  • Mr Ciprian Duduiala,

    Désolé si je te blesse, mais je ne crois pas que ta plaie soie si grande que la mienne car, a cause d'internet explorer, je suis obligé d'ajouter le temps de développement de mes sites web pour créer des pages spécialisées pour ie6, 7, 8 dont mon client ne payera pas ni Microsoft.

    Vous me dite qu'il me faut mettre à jour mon navigateur, d'accord. Mais soyons sérieux quand même. Le site web je ne les crées pas pour moi, mais pour des milliers voir même des millions des visiteurs. Bon je suis d'accord avec vous mais combien ça me coûtera la mise à jour des navigateurs de tous mes visiteurs? et ces déplacements? Microsoft le supportera-t-il? ce pour ça que j'exige de Microsoft des dédommagement et excuses.

    Vous me dite que ce pareil avec Firefox 2 et Camino 1. Je vous prie de faire ce petit balade. Visitez un cyber café et connectez vous sur ce site http://www.css3create.com/ avec les navigateurs de ce cyber. Puis rendez-vous compte combien ma requête est fondée mais également combien est grande ma détresse.

    Puis je trouve que je suis au bon endroit, car le forum d'Internet explorer est l'endroit idéal pour exprimer mes soucis en rapport avec le produit. En fin une petite correction, je n'ai pas dis que Microsoft est incompétent, mais incompétent dans ce domaine, et c'est justifié.

    Et j'espère que vous avez bien testé mon code surtout la beauté de ces menus dans ie 6 ou 7 ou 8 et d'autre navigateurs!





    • 已編輯 Eswkal 2012年3月19日 下午 04:39
    2012年3月19日 下午 04:13
  •  

    Bonjour,

    Les utilisateurs qui ont acheté Windows XP par exemple, peuvent installer sans problèmes Internet Explorer 8 sans payer pour cette mise à jour. La même situation pour IE 9 et Windows Vista et 7. Si vos visiteurs ne veulent pas faire les mises à jour on ne peut pas faire grand-chose. Mais, comme j’ai déjà dit dans le message antérieur cela ne peut pas résoudre complément le fait que IE8 ne prend pas en charge toutes les fonctionnalités de HTML5 et je vous ai proposé une solution pour éviter développer des pages spécialisées pour vos sites. C’est vrai que ce n’est pas très élégant, mais peut vous aider gagner du temps. Je comprends très bien votre problème…

    Comme je ne veux pas transformer notre discussion dans une longue discussion avec des arguments pro et contra je vais finir par vous réitérer l’idée que les forums MSDN ne sont pas le bon endroit pour cette discussion, surtout quand on parle de l’aspect économique. « Les forums MSDN vous permettent de poser et répondre à des questions et échanger des idées avec d'autres utilisateurs sur des thèmes spécifiques et de discuter avec eux. Ce forum ne fournit pas de support technique de la part de Microsoft, mais est une plateforme communautaire en ligne basé sur le principe de "Des professionnels pour aider les professionnels ». Les forums MSDN font partie à l'échelle mondiale de la plate-forme multilingue en ligne MSDN. Les employés de MSDN Online France se considèrent comme faisant partie de la communauté et sont impliqués dans les forums, pour communiquer directement avec vous. Nous vous prions de considérer que dans le cadre de ce forum on n’offre pas de support technique et aucune garantie de la part de Microsoft ne peut être offerte. Pour le support technique s'il vous plaît contacter le support "technique". » (voir l’étiquette sur les forums MSDN)

    En conclusion, tout ce que vous pouvez obtenir de ma part est une solution de contournement pour votre problème (et je vous ai déjà proposé une piste). Essayez-la svp pour voir si elle vous fait le développement un plus facile et on peut construire une discussion à partir de cette solution. Pour les autres aspects… désolé mais je ne peux pas faire beaucoup de choses.

    Bonne journée,

    Cipri


    Suivez MSDN sur Twitter   Suivez MSDN sur Facebook


    Ciprian DUDUIALA, MSFT  
    •Nous vous prions de considérer que dans le cadre de ce forum on n’offre pas de support technique et aucune garantie de la part de Microsoft ne peut être offerte.

    2012年3月20日 下午 02:00
    擁有者