Archive pour la catégorie ‘Webdesign’

Totalement Dédicacé

jeudi 25 mars 2004 | Webdesign

Vu sur VoxCartes avec Firefox :

ERREUR: Le navigateur n'est pas supporté / la configuration du système n'est pas appropriée
Le navigateur que vous utilisez présentement ou la configuration de votre système ne convient pas à cette application.
Cette application supporte les navigateurs suivants:
Microsoft Internet Explorer 5.0 (ou plus) sur Windows 98/NT/2000/ME/XP
Netscape 7.1 (ou plus) sur Windows 98/NT/2000/ME/XP
Microsoft Internet Explorer 5.2 (ou plus) sur Mac OS X

Sublime tour de force pour une applet Java qui est pourtant sensée fonctionner universellement. Comment leur expliquer ?

Popups accessibles

samedi 20 mars 2004 | Webdesign

Nouvel article d'A List Apart : Accessible Pop-up Links (liens popup accessibles). Clair, concis, propre. A prendre en considération, même si les popups doivent désormais être évités.

Debian + the Mozilla Firefox Trademarks

jeudi 18 mars 2004 | Webdesign

Debian

Par un message sur les newsgroups, Eric Dorland de chez Debian (la distrib Linux) manifeste son mécontentement face à la license de Mozilla (Firefox) qui contraint à ne pas modifier les sources pour se voir apposé le logo Mozilla. Or, dans le cas de Linux Debian, un certain nombre de changements peuvent survenir (correctifs de sécurité), même s'ils sont accompagnés de la source d'origine. Espérons qu'ils pourront s'entendre et lever cette limitation.

Même sujet ici et l'annonce de Ben Goodger de référence.

TRick Internet Explorer

lundi 15 mars 2004 | Webdesign

Faille

TRick Internet Explorer est sans doute une belle relève de l'ex-page Unpatched IE Security Holes aujourd'hui vide (non par manque de failles, mais par abandon de mise à jour). On donc peut y découvrir descriptifs et tests détaillés des failles de sécurité, notamment sur cette page.

De quoi faire passer un bon moment à quelqu'un hésitant encore à abandonner IE.

Faire du Flash propre et accessible

samedi 13 mars 2004 | Webdesign

Macromedia Flash

Une utopie ? Non, Macromedia s'efforce de rendre toujours plus accessible Flash, en suivant les recommandations du W3C. Ce format d'animation très répandu, de dessin vectoriel, auquel un mini langage est adjoint (ActionScript 2.0 actuellement) est critiqué par les puristes du XHTML valide et accessible pour quelques défauts dont la liste précise ne peut être intégrée ici par manque de place ;) . Il est pourtant devenu incontournable car il offre un énorme potentiel, interactif, multimédia et publicitaire.

Le débat étant toujours ouvert, la réponse miracle n'existe pas. Notons cependant que même si un webmaster peut être réticent à intégrer des animations dans ses pages, il ne peut pour l'instant que répondre par l'affirmative au souhait exprimé par un client d'ajouter du Flash à son site. Or, de nombreuses options ont vu le jour depuis les quelques dernières versions. Tout d'abord l'icône d'accessibilité présente dans les propriétés de l'animation principale qui permet d'affiner des réglages, certes sommaires.

flash1   flash2

Ci-dessous un bouton flash plus accessible au clavier avec la touche tabulation. Avant, et après (avec cadre jaune).

flash1

Il y a possibilité de rendre des objets accessibles. Ceci permet aux synthétiseurs vocaux (ex: JAWS), via les différents champs de description, d'associer du texte aux objets graphiques.

flash5

Il aurait été bien que Macromedia se penche aussi sur le code HTML dans la page par défaut générée par Flash. On peut y apercevoir des formes d'écriture totalement aberrantes les unes à côté des autres : balises en majuscules et minuscules, attributs encadrés de double quotes " ou non, etc...

Il n'y a pas de Flash 100% idéal, 100% accessible. Par contre, il y a des moyens de le rendre plus correct. Ceci est une petite intro et se verra étoffée d'introductions plus pointues à ce sujet.

About:

lundi 8 mars 2004 | Webdesign

Dans toute la lignée Mozilla, les "adresses" en about sont utiles pour obtenir un tas d'informations sur le navigateur lui-même, sur les plugins ou sur le cache. On peut se servir notamment de :

CSS et les em

mercredi 3 mars 2004 | Webdesign

CSS Font

L'unité em en CSS correspond (en gros) à l'espace que pourrait occuper un caractère standard de la police en cours. Plus précisément, elle basée sur le cadratin, espace blanc carré utilisé en typographie, dont le côté est égal à la taille des caractères. On néglige parfois souvent cette unité qui peut se révéler très pratique lorsqu'on est confronté à des problèmes de décalage de la mise en page avec les personnes utilisant la fonctionnalité "augmenter la taille du texte" dans le navigateur, que ce soit Mozilla, IE, Opera ou les autres.

Imaginons un petit div auquel vous avez appliqué un fond, une bordure, et... une hauteur définie en pixels avec l'unité px. En agrandissant la taille du texte d'un coup de ctrl+molette, paf tout se téléscope et le texte sort du div. En spécifiant une hauteur avec l'unité em, la taille s'ajustera dynamiquement à la police d'affichage. Par exemple :

div.texte {
  background:#369;
  border:1px solid #000;
  height:1.5em;
}

Sachant qu'1em correspond à la hauteur courante de la police. Bien sûr, rien ne vous empêche de conserver les dimensions en px pour les autres éléments de mise en forme qui ne sont pas affectés par les polices, comme les borders, voire aussi les marges. En ce qui concerne ces dernières, l'unité em est pratique pour définir rapidement une marge correspondant à 2 sauts de ligne par exemple : 2em. A noter qu'il existe aussi ex qui correspond à la hauteur par défaut du caractère 'x' de la police courante.

A List Apart et les Ombres sur Images

mardi 2 mars 2004 | Webdesign

Un des derniers articles du très respectable site A List Apart mérite un gros détour : CSS Drop Shadows. Il résume d'une manière détaillée et imagée la façon de styler les images d'une page web pour leur ajouter un effet d'ombrage. Simple et efficace. On notera qu'il existe des méthodes encore plus simples, comme par exemple utiliser des div avec fond pour encadrer l'image, mais elles dépendent du choix de chacun et de la confiance qu'on a en la bonne interprétation par tous les navigateurs de ces méthodes.

CSS Drop Shadows

Plus d'excuse donc pour ombrer les images, surtout pour un site sur fond blanc (bon autant dire que pour moi c'est loupé, quoique je pense sérieusement à revoir le tout... quand j'aurai le temps). Vivement une évolution des CSS pour offrir ces possibilités en natif, plus rapidement.

Click here to get the plugin

dimanche 29 février 2004 | Webdesign

Suggestion du jour à la Mozilla Team : changer ceci. Eh oui c'est moche et frustrant lorsqu'on ne possède pas le plugin approprié.

Click here to get the plugin

Millionaire

vendredi 27 février 2004 | Webdesign

Ben Goodger signale qu'entre 1 et 2 millions de téléchargements de Firefox 0.8 ont eu lieu en 2 semaines. Il compare ce chiffre à celui de Mozilla 1.6 : 830 000 téléchargements depuis le 15 janvier. La répartition entre les OS se faisant de la façon suivante :

  • Linux - 13.5%
  • MacOS X - 8.3%
  • Windows - 78.2%