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

Auteur: Yannick Guerdat ( 419 jours 21 heures )

10 juil. 2009

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 : (3)

Nicole Sullivan’s Object Oriented CSS

Auteur: Yannick Guerdat ( 548 jours 21 heures )

3 mars 2009

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
Separate structure and skin
Separate container and content

0 Commentaires | Referer : (13)

Tags: css , orienté objet , nicole sullivan ,

Acid 3 Tackles ECMAScript

Auteur: Yannick Guerdat ( 962 jours 16 heures )

14 janv. 2008

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/

1 Commentaires | Referer : (4)

Tags: acid3 , ECMAScript , browser , navigateur , firefox , safari , internet explorer , css , html ,

The PNG transparency problem in Windows Internet Explorer

Auteur: Yannick Guerdat ( 1392 jours 11 heures )

10 nov. 2006

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

Auteur: Yannick Guerdat ( 1392 jours 11 heures )

10 nov. 2006

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

Example 1

Box with percentage width and fluid height, with a 3 pixel white border.

Example 2

Box with a fixed height and width and with a background-image set.

0 Commentaires | Referer : (28)

FusionCharts version 3.0 just released

Auteur: Yannick Guerdat ( 1392 jours 11 heures )

10 nov. 2006

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.

Try it online

0 Commentaires | Referer : (16)

Lightbox 2.0 Web Photo Gallery

Auteur: Yannick Guerdat ( 1392 jours 11 heures )

10 nov. 2006

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!

0 Commentaires | Referer : (17)

Progress bar generator

Auteur: Yannick Guerdat ( 1392 jours 11 heures )

10 nov. 2006

How easy to create a nice looking Web 2.0 progress bar with AjaxLoad !

Not much more to explain, enjoy !

0 Commentaires | Referer : (58)

Web 2.0 Design Kit

Auteur: Yannick Guerdat ( 1392 jours 11 heures )

10 nov. 2006

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

Auteur: Yannick Guerdat ( 1392 jours 12 heures )

10 nov. 2006

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.