Articles de la catégorie « Front-end »

Flux RSS de la catégorie « Front-end »

Stylez-moi ce formulaire !

Par Eric Le Bihan

Après avoir essayé à plusieurs reprises et par tous les moyens de styler les éléments d’un formulaire html pour donner vie aux créations des graphistes, il a bien fallu se rendre à l’évidence : ce n’est pas possible ! Déjà les styles ne sont pas appliqués de façon identique selon les navigateurs, mais en plus ces éléments diffèrent selon les systèmes d’exploitation et leurs versions successives, CQFD. […]

jQuery Mobile, pourquoi le tactile est-il toujours mobile ?

Par Pierre Bertet

L’équipe de jQuery vient d’annoncer un nouveau site entièrement dédié aux interfaces tactiles et mobiles : jQuery Mobile. Le but est bien sûr d’optimiser jQuery pour ces nouvelles plates-formes, mais ce n’est pas tout : une version mobile de jQuery UI est également prévue ! Et plutôt que d’adapter jQuery UI à ces nouvelles contraintes, le projet consiste dans un premier temps à réfléchir sur les évolutions possibles du framework, de manière à ce qu’il prenne nativement en compte ces nouvelles interfaces. […]

La vie des intégrateurs, chapitre III : puis vint Html5

Par Eric Le Bihan

Depuis plusieurs mois on ne lit plus que ça dans les nombreux blogs qui parlent d’intégration, de développement ou de webdesign. C’est venu timidement et puis la sortie des nouvelles versions des navigateurs a accéléré le processus, du coup les mêmes démonstrations se répètent inlassablement sans que concrètement on puisse dans un cadre professionnel utiliser pleinement toutes ces nouveautés. On peut maintenant faire des sites en HTML5 et CSS3 ! Ok mais seulement pour les dernières versions des navigateurs qui tous regroupés représentent à peu près 50% des utilisateurs. Difficile de vendre le truc à son patron ou à ses […]

Comment utiliser les listes de définitions ?

Par Eric Le Bihan

Je n’ai pas la prétention de répondre à cette question, mais j’aimerai vous faire partager mon interrogation. Si je relis les recommandations HTML 4.01 du W3C (Definition lists: the DL, DT, and DD elements), voilà ce qui est dit à ce sujet : Les listes de définitions ne varient que légèrement par rapport à d’autres types de listes, ce type de liste est composé de deux parties : un terme et une description. L’utilisation la plus appropriée est donc celle où un mot ou une expression : <dt> serait défini par une courte explication : <dd>, comme dans un dictionnaire […]

Centrer un texte en hauteur

Par Eric Le Bihan

Je réagis à un billet de Jay Salvat qui explique comment centrer un texte en hauteur (et en largeur). Je n’avais pas prévu de faire un billet à la base mais de laisser un commentaire sur http://blog.jaysalvat.com. Devant l’impossibilité de laisser un commentaire avec du code html et css, je vais détailler ici deux différentes façons de centrer un texte en hauteur (deux manières qui, nous allons le voir, sont complémentaires). […]

Concevoir un formulaire HTML qui tient la route

Par Eric Le Bihan

Il ne vous est jamais arrivé de remplir un long formulaire pour, par exemple, commander un voyage ou un vol et ne pouvoir le valider parce que le clic sur le bouton de validation du formulaire ne produit aucun résultat ? C’est ce qui m’est arrivé il y a quelques semaines de celà… C’est vrai que je suis passé de PC à Mac et que je fais maintenant partie d’une minorité. L’accessibilité prends dans ce cas tout son sens. J’ai eu beau essayer avec Safari, Firefox, Opéra, Google Chrome, rien n’y a fait. Bref si je n’avais pas eu un […]

Introduction à WAI ARIA (traduction)

Par Pierre Bertet

Grégoire Dierendonck L’article qui suit est la traduction de l’article « Introduction to WAI ARIA« , publié par Gez Lemon sur Dev Opera, le site d’Opera Software destiné aux développeurs. Gez Lemon est un expert reconnu de l’accessibilité web. Il est membre du WaSP ( Accessibility Task Force ) et travaille pour The Paciello Group, entreprise de conseil spécialisée dans l’accessibilité web. Cette traduction, comme l’article original, est placée sous licence Creative Commons by-nc-sa 2.5. Cet article est destiné à des personnes ne connaissant pas ARIA. Vous devriez avoir une bonne connaissance du langage HTML et des problèmes que peuvent rencontrer les […]

Quoi de neuf du côté des mises en page CSS (CSS Layouts) ?

Par Eric Le Bihan

Grégoire Dierendonck Vous avez certainement lu comme moi, que tout ce que vous saviez sur les css étaient faux en lisant l’article de Digital Web par Rachel Andrew. Je n’ai pas lu le livre, mais à la lecture de l’article j’ai voulu tester une nouvelle manière de mettre en page mon code html. Avec l’arrivée d’IE8, on va pouvoir enfin utiliser les propriétés CSS display:table, display:table-row et autres display:cell. Et je me pose la question suivante : à quoi servent réellement ces propriétés ? Parce que si on a bataillé, argumenté et convaincu des dizaines de personnes que les tableaux […]

Les Intégristes enquêtent

Par Eric Le Bihan

Save the developpers est une initiative du Conveyor Group, une société de design basée en Californie qui a lancé fin mars un site savethedevelopers.org qui enjoint les développeurs, intégrateurs, concepteurs de site web à ajouter un script destiné aux utilisateurs d’Internet Explorer 6 qui seront informés par une petite alerte s’affichant en haut à droite de leur navigateur qu’il existe maintenant d’autres alternatives à IE6. En cliquant sur cette alerte, l’internaute est redirigé vers le site lui expliquant pourquoi changer de navigateur et en lui proposant de télécharger les principaux navigateurs du marché. Cette idée nous a paru sympathique et […]

Mort à IE6 !

Par Eric Le Bihan

Alors que IE8 beta 2 est sorti depuis environ deux mois et que la version finale est prévue pour la fin de cette année, on se surprend à rêver de nouveau à l’idée de pouvoir enfin utiliser l’ensemble (ou presque) de CSS 2.1 et commencer à expérimenter  CSS3. Dernier obstacle sur notre route : la survie d’Internet Explorer 6.0. On se demande comment un navigateur sorti en 2001 peut encore représenter une part d’environ 20% sur l’ensemble des navigateurs du marché. (Source : http://www.w3schools.com/browsers/browsers_stats.asp) Ok vous vous accrochez à votre vieille deudeuche avec ces sièges en toile tendue, ses vitres […]

Articles plus anciens Articles plus récents