Skip to content

le site de nico

Narrow screen resolution Wide screen resolution Increase font size Decrease font size Default font size
Vous êtes ici: Accueil arrow Design et Web
Design et Web
Internet Explorer 8 béta 1 est disponible… et ça commence mal ! Suggérer par mail
Écrit par Shemu   
06-03-2008
liens sponsorisés

Microsoft annonce fièrement sur le blog des développeurs d'Internet Explorer la première β de son navigateur respecteux des standards !… Et dans la foulée explique pourquoi IE8 ne passe pas le test Acid2.

Plus d'infos :


plus de précisions : Babylon-Design - Tutoriaux WebDesign : Adobe Photoshop, XHTML/CSS, Accessibilité
Lire la suite...
 
Le WaSP sort officiellement Acid3 Suggérer par mail
Écrit par 20cent   
05-03-2008
liens sponsorisés

Le WaSP à tout récemment mis en ligne la version officielle d’Acid3, son test JS.

Ça vous semble un peu obscur ?

Lisez la suite.

Le WaSP ?

La petite guêpe du Web (wasp signifie guêpe en anglais) est une association qui lutte pour promouvoir les standards du Web depuis 1998 à travers le monde. Elle travaille en collaboration avec les acteurs de l’industrie Web. Son site : The Web Standards Project.


Acid 3 ?

Il s’agit du 3ème test publié par le groupe (après Acid 1 et Acid 2). Le WaSP à en effet publié au cours des années différents processus qui permettent de mettre au défi les capacités d’un navigateur à respecter une technologie.

Là encore, cela dans le but de promouvoir et de pousser les éditeurs à réspecter les standards.


Un test JS ?

Les deux premiers tests publiés concernaient le rendu CSS des navigateurs.

  • Acid1 avait pour focus le rendu des spécifications de CSS1 (en 1998) ;
  • Acid2 avait pour focus le rendu des spécifications de CSS2 (en 2005).

Le test consiste à créer une image de référence à l'aide des technologies que l'on désire tester. Si le rendu de votre navigateur correspond à l'image de référence, le test est réussi.

L'image de référence du test Acid 1

L'image de référence du test Acid 2

Cette année, l’accent à été mis sur JS mais le processus est identique.

L'image de référence du test Acid 3


Et donc ?

Et donc il reste du travail ! Pour preuve les résultats :

Navigateurs Acid 1 Acid 2 Acid 3
IE 6 OK NOK NOK
IE 7 OK NOK NOK
FF 2 OK NOK 50/100
FF 3 (β) OK OK 59/100
Opera 9.5 (β) OK OK 60/100
Safari 3 (β) OK OK 87/100

N’hésitez pas à jetter un œil à :


Document produit à l’aide de la syntaxe Markdown.


plus de précisions : Babylon-Design - Tutoriaux WebDesign : Adobe Photoshop, XHTML/CSS, Accessibilité
Lire la suite...
 
WaSP Café numéro 2 Suggérer par mail
Écrit par 20cent   
29-01-2008
liens sponsorisés

Du retour du WaSP Café no 2 qui se déroulait hier soir dans Paris.

J’ai beaucoup apprécié l’ambiance, l’organisation et l’atelier (en l’occurrence JavaScript). Moi qui m’attendais presque à une réunion “geek mondaine”, j’étais donc au final agréablement surpris.

Après une petite collation, Tristan Nitot est passé nous dire quelques mots sur sa vision des standards et le futur de Firefox. C’est ensuite que nous nous sommes dirigés respectivement dans nos trois salles pour les ateliers. J’ai pour ma part écouté avec attention Éric Daspet qui nous à proposé une très intéressante présentation sur JavaScript fortement inspirée de ce que réalise Chris Heilmann sur son blog ou sur récemment sur Pompage.

Et comme à chaque réunion de ce type, c’est toujours très enrichissant de “confronter” nos visions du métier.


plus de précisions : Babylon-Design - Tutoriaux WebDesign : Adobe Photoshop, XHTML/CSS, Accessibilité
Lire la suite...
 
PNG animés sous Firefox 3 Beta Suggérer par mail
Écrit par Shemu   
25-01-2008
liens sponsorisés

Bientôt avec Firefox 3 et aujourd'hui avec sa version béta Gran Paradiso, le navigateur de Mozilla prendra en charge les PNG animés. Ni une ni deux, Shemu de Babylon Design nous a testé la bête !!!

Pour voir les PNG animés en action rien de mieux qu'APNG, un site dédié au sujet. Il faut par contre que vous naviguiez avec Firefox 3 ou Gran Paradiso Alpha 7. Ou bien il vous suffit de regarder cette vidéo :

Avantages du PNG sur le GIF :

 

  • Le PNG peut gérer les niveaux de transparence.
  • Le PNG peut interpréter 16 millions de couleurs.
  • Le PNG a une meilleure capacité de compression.
plus de précisions : Babylon-Design - Tutoriaux WebDesign : Adobe Photoshop, XHTML/CSS, Accessibilité
Lire la suite...
 
Premier Working Draft pour HTML 5 Suggérer par mail
Écrit par Shemu   
23-01-2008
liens sponsorisés

HTMLUne première ébauche de HTML 5 est sortie hier. Un petit point rapide sur les nouveautés du langage HTML future version.

Le W3C l'annonce dans sont article du 22 janvier HTML 5 differences from HTML 4.


Les nouveautés

  • La balise section : délimite la structure d'un document et peut s'utiliser avec les balises h1 à h6.
  • La balise article : délimite un élément indépendant du document comme un article de blog.
  • La balise aside : délimite un contenu contextuel au document.
  • La balise header : délimite l'en-tête d'un document.
  • La balise footer : délimite le pied d'un document.
  • La balise nav : délimite les éléments de navigation du document.
  • La balise dialog : délimite un dialogue avec les balises dt et dd pour un pièce de théâtre.
  • La balise figure : délimite un contenu média avec sa légende et son titre par exemple.
  • Les balises audio et video : permettent d'ouvrir un format de média avec les programmes par défaut de l'utilisateur.
  • La balise embed : sert à insérer un contenu provenant d'un plugin. La balise est enfin normalisée.
  • La balise m : délimite un texte marqué.
  • La balise meter : indique une mesure (métrique, informatique, etc.).
  • La balise time : indique une date ou une indication de temps.
  • La balise canvas : affiche un graphique dynamique (existe déjà sous Firefox).
  • La balise command : indique une commande que l'utilisateur peut appeller.
  • La balise datagrid : représente une arborescence ou des données tabulaires
  • La balise details : affiche une information ou des contrôles que l'utilisateur peut actionner à la demande.
  • Les balises datatemplate, rule et nest : permettent un mécanisme de gabarits.
  • La balise event-source : capte les évenements de l'utilisateur.
  • La balise output : affiche une sortie comme pourrait l'être un recalculage de panier de commande.
  • La balise progress : affiche une barre de progression.
Lire la suite...
 
Internet Explorer 8 passe le test Acid 2 Suggérer par mail
Écrit par Shemu   
20-12-2007
liens sponsorisés

Le test Acid2 vise à tester la qualité de l'implémentation de certaines fonctionnalités de CSS 2 et d'autres standards du Web dans un navigateur, jugées prioritaires par ses promoteurs. Et c'est une bonne nouvelle !

Test Acid2

Testez vous aussi Acid2 sur votre navigateur.

Via IEBlog.


plus de précisions : Babylon-Design - Tutoriaux WebDesign : Adobe Photoshop, XHTML/CSS, Accessibilité
Lire la suite...
 
<< Début < Précédente 1 2 Suivante > Fin >>

Résultats 7 - 12 sur 12
Advertisement

Syndication

feed image
Joomla.fr Team
Joomlagora Team