Artionet - Blog Officiel

Artionet le spécialiste du CMS et Webdesign Jurassien

Navigateurs : les éditeurs ne parviennent pas à s’entendre sur HTML 5



Le W3C a renoncé à désigner des standards audio et vidéo pour HTML 5 en raison d'un désaccord entre les éditeurs de navigateurs. Mozilla soutient par exemple Ogg Theora, mais Apple préfère H.264.


Les applications telles que Flash et Silverlight ne devraient pas être menacées dans l'immédiat par HTML 5 en raison d'un désaccord entre les éditeurs de navigateurs sur les codecs audio et vidéo.

En support HTML 5 et les balises <audio> et <video>, Firefox 3.5 ouvrait la possibilité pour l'internaute de visionner des vidéos directement dans le navigateur, et donc de ne plus dépendre d'un plugin, propriétaire, en général Flash. La préférence de Mozilla allait au format Ogg Theora.

Mais voilà, tous les éditeurs ne partagent pas sa position. Le débat est même vif entre les différents navigateurs sur la question des formats. Par conséquent, le W3C a décidé de supprimer des spécifications du HTML 5, les clauses portant sur les codecs standards pour les navigateurs.

Ogg Theora pas assez mature, et H.264 payant

La bataille sur les standards se fait principalement autour de deux formats : Ogg Theora et H.264. Apple soutient ainsi H.264 et refuse de supporter Ogg Theora. Chrome est compatible avec les deux formats, mais estime néanmoins Ogg Theora comme insuffisamment mature à ce jour et Google n'envisage pas pour le moment de l'exploiter sur sa plate-forme Youtube.

Mozilla et Opera sont quant à eux opposés à H.264 en raison de l'obligation d'acquérir une licence, à un prix qui n'a d'ailleurs rien d'indolore. Un investissement que Microsoft a d'ores et déjà fait. L'éditeur n'a toutefois pas indiqué son intention de supporter de la vidéo dans Internet Explorer.

Pour ce média, Microsoft préfère s'appuyer sur son application Silverlight, qui dans sa version 3 supportera H.264. Un choix également opéré dans Moonlight, l'implémentation Open Source de Silverlight sur Linux et Unix.

  • 0 Commentaires | Referer : (2)
  • Tags: html 5 , standards , w3c , vidéo , son , image , xhtml ,
  • Nicole Sullivan’s Object Oriented CSS

    How do you scale CSS for millions of visitors or thousands of pages? Nicole first presented Object Oriented CSS at Web Directions North in Denver. Since then, the response has been overwhelming. OOCSS allows you to write fast, maintainable, standards-based front end code. It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites.

    Two main principles
    1. Separate structure and skin
    2. Separate container and content

  • 0 Commentaires | Referer : (11)
  • Tags: css , orienté objet , nicole sullivan ,
  • Acid 3 Tackles ECMAScript

    The new news on the block is that the upcoming Acid 3 test is in the oven, starting to get baked. (If the NOT_READY_PLEASE_DO_NOT_USE.html URL is any indicator - you should only take this as an omen of "things to come.")



    Traditionally, the Acid test has served as a way to get browser vendors in line by testing them on really-annoying edge cases. This can, sometimes, get people tied up in knots but it actually serves as a devious way of getting people to meet a large part of a spec.

    For example, in order for a browser to have some weird padding/margin test case solved - in CSS - they must also have a working box model. So while an Acid test may not, explicitly, test for a working box model, it will be done implicitly (by testing edge cases that result from it).

    Read the full post on :
    http://ejohn.org/blog/acid3-tackles-ecmascript/

    The PNG transparency problem in Windows Internet Explorer

    The fix allows IE to properly render PNG alpha transparency. If you want to get straight to the script, go to the how-to page and follow the instructions there. If you have the time for a description and demo of the problem, then read on...
     

  • 0 Commentaires | Referer : (7)
  • CurvyCorners - Rounded corners on the fly

    curvyCorners is a free JavaScript program that will create on-the-fly rounded corners for any HTML DIV element, that look as good as any graphically created corners.
     

    Why use curvyCorners?

    Because it's easy! You can add rounded corners to your DIVs in seconds. No image editing required.

    Should I use curvyCorners?

    It's up to you. If you want super easy to maintain rounded corners that are fully anti-aliased with support for borders and background images and that look as good as graphically created ones then curvyCorners is for you.

    Features

    • Free
    • Easy to use JavaScript object
    • Requires no images or image editing
    • Full Anti-Aliasing support
    • Anti-Aliasing over graphical backgrounds
    • Background-image support (round corners of images)
    • Fluid height/width support
    • Solid border support, any colour/width with Anti-Aliasing
    • User defined per corner radiuses

    Examples

    Box with percentage width and fluid height, with a 3 pixel white border.
    Box with a fixed height and width and with a background-image set.

  • 0 Commentaires | Referer : (26)
  • FusionCharts version 3.0 just released

    The most used Flash charts generator : FusionCharts developped by the InfoSoftGlobal company just deliver this week a complete new version of their software : FusionCharts 3.0.
     
     
    Some important new functions in the version 3.0 :
    • Easy yet powerful AJAX/JavaScript integration
    • Visual XML Generator Utility
    • Maps Supported
    • STYLE Element
    • Built in Adobe Flash 8 using ActionScript 2
    • New Debug Mode
    • Gradient Support
    • Palette Support
    • Dashed Line Support
    • Multiple display modes for data labels
    • Rotated value boxes & dynamic placement options
    • Number scale support
    • Better printing support
    • Advanced pie and doughnut charts
    • Advanced drill down features
    • Entire chart as a hotspot
    • Custom tool tip for each data plot item
    And much more ...

    What is FusionCharts ?

    FusionCharts is a flash charting component that can be used to render data-driven & animated charts for your web applications and presentations.
     
    Made in Adobe Flash 8 (formerly Macromedia Flash), FusionCharts can be used with any web scripting language like HTML, .NET, ASP, JSP, PHP, ColdFusion, Ruby on Rails etc., to deliver interactive and powerful flash charts. Even if you're a static HTML user or a PowerPoint user, you can use FusionCharts to deliver powerful flash graphs for your websites & presentations.
     
    Using XML as its data interface, FusionCharts makes full use of fluid beauty of Flash to create compact, interactive and visually-arresting charts.
     

  • 0 Commentaires | Referer : (14)
  • Lightbox 2.0 Web Photo Gallery

    Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.
     

    What's New in Version 2.0

    • Image Sets: group related images and navigate through them with ease
    • Visual Effects: fancy pants transitions
    • Backwards Compatibility: yes!

    Read more

  • 0 Commentaires | Referer : (14)
  • Progress bar generator

    How easy to create a nice looking Web 2.0 progress bar with AjaxLoad !
     
     
    Not much more to explain, enjoy !

  • 0 Commentaires | Referer : (47)
  • Web 2.0 Design Kit

    Web 2.0 is a term coined by O'Reilly describing the new trends in design and development appearing across a flood of innovative websites. This tutorial will show you how to create some of the more popular "Web 2.0" design effects using Photoshop.
     
     

  • 0 Commentaires | Referer : (6)
  • FavIcon Generator

    Use this online tool to easily create a favicon (favorites icon) for your site. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is called up. It is a good way to brand your site and increase it's prominence in your visitor's bookmark menu.
     
     

  • 0 Commentaires | Referer : (11)