Après avoir touché un peu au HTML5 dans mon précédent article, je pense que cette version 5 du langage le plus utilisé du Web va révolutionner la manière de structurer le code des pages et donc des interfaces que nous réalisons au quotidien.
Il y a des pour et des contre, et à travers cet article je vais surtout vous exposer ce qui me semble incohérent ou pas prêt pour la mise en production d’un site codé en HTML5.
Les spécifications html5 ne sont toujours pas arrêtées et je voulais quand même y toucher « pour voir ». Malheureusement « coder pour coder », ce n’est pas mon dada. J’avais envie de raconter une histoire et de me servir des nouveaux éléments pour leur apport sémantique dans un contexte appliqué.
Récemment nous avons déménagé au 2è étage du 24 bis Rue Maréchal Joffre. C’est une nouvelle expérience pour toute l’agence. La bonne aubaine : ma première page HTML5 est donc un article qui raconte en quelques paragraphes les bienfaits de notre déménagement sur notre cadre de travail.
J’ai découvert des choses vraiment intéressantes en codant cette page. Le HTML5 me semble être un grand pas en avant vers un langage très adapté au web d’aujourd’hui d’un point de vue sémantique. J’espère que le HTML5 règlera certaines maladies des intégrateurs, notamment la divite ou la spanite aigüe, étant donnée la quantité d’éléments bientôt à notre disposition. D’ailleurs je vous laisse découvrir cela dans la source de l’article.
Notez que j’ai aussi utilisé Cùfon, un moteur de remplacement de texte en son équivalent image (futé pour se permettre certaines fontes non-standards dans une page web). Nous l’utiliserons probablement dans le catalogue produit de l’un de nos clients, qui devra être traduit dans plus de 5 langues (cela nous évitera de refaire toutes les images).
Lire l’article : Notre ascension au second étage
Pour les commentaires, je vous invite à les déposer en bas de l’article lié.
Designing The Obvious de Robert Hoekman
Ce bouquin est juste excellent.
Sous une approche très subjective de l’écriture (Hoekman y dévoile sa propre expérience), l’auteur nous livre des montagnes de « tips & tricks » coulant de bon sens sur l’échafaudage d’interfaces utilisateur sur le web.
Designing the Obvious
Auteur : Robert Hoekman, Jr.
Éditeur : New Riders 2007
ISBN-10 : 0-321-45345-X
ISBN-13 : 978-0-321-45345-7
En environ 250 pages, Hoekman m’a ouvert les yeux sur un tas de techniques qui m’aident dans mon travail de tous les jours. Bref, ce type a compris beaucoup de choses sur la préhension des applications web, et sait le faire partager.
Quelles lectures recommanderiez-vous à tout web designer ou autre professionnel du web ? J’attends vos suggestions pour garnir nos étagères…
Lancement de nouveaux produits, ouverture de nouveaux services, fidélisation de clientèle et politique relationnelle auprès de ses consommateurs… La rentrée est LA bonne période pour concevoir des campagnes d’emailing efficaces. Voici quelques conseils techniques pour assurer la meilleure délivrabilité et utilisabilité à vos messages.
Hier nous lancions notre nouveau service d’abonnement à la Newsletter Lunaweb, et aujourd’hui nous apprenons de source officielle que Google a mis en ligne une nouvelle fonctionnalité dans son webmail : un bouton « Se désinscrire et signaler comme spam » pour se désinscrire facilement des newsletters que vous recevez régulièrement.
La fonctionnalité (aussi présente sur Live! Mail depuis la fin-2007) n’est pour le moment supportée qu’en anglais, comme visible ci-dessous :
À la radio, à la télévision, dans les journaux, et bien évidemment sur Internet, tout le monde parle de Twitter (prononcez touiteur) !
Depuis que la célèbre présentatrice TV américaine Oprah Winfrey a déclaré dans son show qu’elle allait se mettre à Twitter, le trafic de twitter.com s’est envolé auprès du grand public : le phénomène 2.0 prend de plus en plus de place dans la vie quotidienne des stars, des professionnels, et de vous et moi. Lire le reste de cet article »
L’autre jour je mettais en ligne un site qui fut mon premier à avoir nécessité des ajustements pour Internet Explorer 8. En effet Microsoft a mis le paquet sur le respect des standards, mais peut-être un peu trop. Je m’explique : la pseudo-classe « :last-child » (dernier enfant d’un élément parent) n’est pas reconnue par IE8, et bien qu’extrèmement pratique, elle n’est pas valide d’après les spécifications CSS 2.0 du W3C. Je l’utilisais souvent et peut-être à tort, vu que la plupart des navigateurs la supportent.
Mon objectif : insérer le caractère » | » (pipe) entre chaque item d’une liste, sauf le dernier. Tout cela en CSS.
À LunaWeb, nous voyons passer quotidiennement de nombreux designs sur nos bureaux. E-mailings, refonte de site Internet, nouvelle charte web, mini-site événementiel… Ils passent entre nos mains et nous devons transformer ces maquettes images en pages web, mais il n’existe pas de règle dans le domaine. Chaque intégrateur aura sa manière de travailler faute de méthode technique universellement approuvée et éprouvée.
J’ai souvent besoin de faire des captures d’écran à la volée (retours de briefs, détails d’intégration xHTML, démos…), et je trouve ça très handicapant d’avoir à retourner sur le bureau, retrouver ma capture puis la glisser vers un programme, sachant qu’ensuite il faudra faire le ménage car de nombreuses captures peuvent vite s’y s’entasser !
Je suis parvenu à une solution facile à mettre en place, qui convient parfaitement à une utilisation quotidienne intensive, et surtout, gratuite…
Lors de la conception de sites assez conséquents, il est intéressant de jeter un coup d’œil à ce qu’il est possible de faire afin d’optimiser son rendement en intégration. Après avoir testé en profondeur plusieurs solutions (dont le très bon Blueprint CSS), j’ai retenu 2 solutions qui me font gagner un temps fou et me permettent de me concentrer sur l’aspect créatif des projets que j’intègre.
