Les éléments flottants ou floats font partie des outils de positionnement les plus utilisés en CSS et pourtant ils sont souvent une source de tracas majeur pour les développeurs web.

Le problème du float est celui de la plupart des autres propriétés de positionnement qui « sortent de l’ordinaire », c’est-à-dire qui ne correspondent pas au positionnement par défaut. Parce qu’il applique de nouvelles règles de positionnement, un élément flottant ne peut pas être manipulé de la même façon qu’un positionnement normal si l’on souhaite avoir le résultat désiré.

En clair, vous ne pouvez pas exiger d’une cafetière qu’elle vous fasse un café si vous mettez des feuilles de thé dans le filtre sous prétexte que, ben, cette technique a toujours bien marché dans la théière. Pour que la propriété float fonctionne correctement, il faut l’utiliser avec les bons éléments.

Lire la suite

Votre site est-il commercialement efficace ?

Les entreprises et le web: un portrait d’ensemble

De nos jours, il est incontournable pour les entreprises d’établir leur présence sur la toile. Il y a quelques années, le modèle d’affaires le plus répandu était encore centré autour de l’offre, présenté par les entreprises aux consommateurs via une formule quasiment unidirectionnelle. Désormais, il faut prendre en considération la transition drastique du modèle vers celui de la demande, dont la plupart sont maintenant effectué sur le web.

Lire la suite

J’inaugure ma contribution à ce blogue avec un article d’auto-promotion qui fâcherait sans doute Nathalie Petrowski (pour ceux qui ne connaissent pas l’affaire, la dame apprécie peu les blogueurs qui parlent d’eux-mêmes)…

Donc, j’aurai le bonheur de faire une présentation lors de l’anti-conférence IdentityCamp, le 11 mai prochain. Le titre en est 2010 : l’état du logo.

Il s’agira d’un état des lieux sur la situation, le rôle, l’avenir du logotype dans notre ère d’identités numériques. À quoi servent les logos? Qu’est-ce qui a changé? Le logo est-il un avatar? Le personal branding doit-il passer par le logo? Autant de questions auxquelles je tenterai d’apporter des éléments de réponses. Si vous avez des idées de points à aborder, j’aimerais les connaître puisque le but est de répondre aux questions que vous vous posez.

Comme le veut le format du IdentityCamp, la présentation sera très courte, très visuelle, et suivie d’une période de questions/réflexions.

Pour le même prix (zéro dollar, taxes comprises), vous pourrez voir Jean-François Belisle vous présenter – en français – Online Corporate Reputation Management by Considering Employees as Corporate Brand Extensions: Where Are We Heading?

Si vous ne pouvez pas vous rendre physiquement à la Station C (où boissons et amuse-gueule attendront les visiteurs), vous aurez la possibilité d’y assister et de participer en direct, via USTREAM. Rendez-vous mardi 11 mai à 17 h 45.

Les présentations seront ensuite disponibles en rediffusion, et les diaporamas seront partagés via SlideShare.

Dans un bouquin, intitulé « Bien rédiger pour le web… et améliorer son référencement naturel« , écrit par Isabelle Canivet (Eyrolles 2009), j’ai fait la découverte d’un outil en ligne qui permet de tester l’accessibilité de votre site, le projet WAVE de WebAIM.

Lire la suite

MAJ : Billet rédigé le 1er avril 2010… Tentez de saisir l’ironie dans les propos!

On ne peut pas se cacher le fait que le Web a beaucoup changé au cours des dernières années. Pour le mieux vous direz? Je n’en suis pas sûr… À force de travailler dans le Web, notre vision s’éloigne de la vision des utilisateurs, les vrais québécois à moitié techno… Ce qui avec le temps est devenu la norme de qualité est alors critiquable si elle ne correspond pas aux goûts des utilisateurs… et c’est pour eux que nous faisons tout ça après tout…

Voici donc une liste d’anciennes pratiques Web à reconsidérer sérieusement dans vos prochaines réalisations :

1 – Utilisation abondante des GIF animés

Voilà une pratique qui est de plus en plus rare alors qu’elle répondait à un besoin ultra intéressant : attirer l’attention. Il est vrai que ce n’est pas ce qu’il y a de mieux au niveau esthétique mais croyez vous que le concessionnaire d’autos trouve la banderole soufflée, les franges bleu blanc rouge ou encore les drapeaux et ballons jolies? Peut-être que oui, peut-être que non, mais ça marche, ça attire l’attention… Comment résister à des images comme celles-ci?

2 – Splash Page Français English

Voulez-vous vraiment courir le risque d’afficher de l’anglais pour un visiteur français ou l’inverse?? Ne prenez pas chance, c’est tellement simple de régler cette question avec la fameuse « splash page »… et si vous avez la chance, profitez de l’occasion pour insérer un clip musical, c’est l’endroit tout indiqué!

3 – Utilisation des Frames

Après l’utilisation des GIF animés et de musique de toutes sortes, il est certain que votre site Web peut sembler un peu lourd à charger. Ne vous en faites pas, les « Frames » sont là pour ça! Ça permet de ne charger que le contenu nouveau d’une page à l’autre sans perturber l’emplacement de vos amis graphiques hyperactifs.

4 – Thématique des pages

Chaque page comporte un message différent. Comment  véhiculer un message différent si le « layout » reste le même? Ça me semble incohérent… Les nouveaux sites Web sont trop standardisés, plus de sentiment de personnalisation… Changez les couleurs, les polices et n’ayez pas peur de changer le menu de place ou de tout simplement le retirer, ça prend généralement beaucoup trop de place de toute façon…

5 – Largeur et hauteur fixes

Il est beaucoup plus simple et plus jolie de fixer une largeur et une hauteur et de jouer avec le contenu pour s’assurer que ça ne dépasse pas trop… Après tout, c’est de cette façon que sont pensées les nombreuses publicités papier et s’il y a encore autant de publicités imprimées c’est que c’est la méthode la plus efficace! Faire votre site Web compatible en 8.5 X 11 vous permettra également d’utiliser le même designer que vous utilisez pour votre impression. Si vous avez un designer Web, formez le à utiliser FrontPage ou autre outil, il sera ainsi de nouveau rentable.

6 – Pas trop de texte SVP

Tout le monde le sait, personne ne lit sur Internet… donc ça ne sert à rien de mettre trop de texte. De plus, tant qu’à réduire la quantité de texte, en partie pour que ça rentre dans votre largeur et hauteur fixe, autant transformer ce texte en image. Ce genre de pratique permet l’utilisation des différentes polices non Web et facilite également la mise à jour du site Web car vous n’aurez qu’à éditer vos JPG avec un éditeur d’image… fini le cassage de tête avec les « balises ».

7 – Utilisation de talbeaux (table)

Tout le monde est parti sur un tripe de ne plus utiliser de tableaux… bon bon bon… Au niveau programmation, qu’est-ce qui est le plus facile de travailler avec : un fichier word ou un fichier Excel sous CSV? C’est clair que c’est le fichier Excel… La structure en tableaux ne peut donc pas être si mauvaise que ça pour structurer les données. L’autre avantage de l’utilisation des tableaux est l’affichage parfaite dans les différents navigateurs si on s’assure d’avoir un premier TR définissant toutes les colonnes mais à 1 pixel de hauteur et en insérant des images blank.gif aux bons endroits, on est en business!  Si ça marche pas bien à cause d’un mélange dans les rowspans et les colspans, montrez le concept de base à vos enfants, ça va les occuper pendant de longues heures!

8 – Retour au forum

Depuis quelques années on ne voit presque plus de nouveaux forums… mais des milliers de nouveaux blogues… Il s’agit d’un très mauvais choix technologique… Le blogue vous oblige à créer du contenu sur une base régulière. Le forum en contrepartie vous permet de déléguer à 100% la création de contenu par une couple de pas de vie qui vont venir chialer sur la plateforme… pensez-y!

9 – Noms de domaine

Ne prenez pas de chance, réservez le plus de noms de domaine possible… Pensez à toutes les façons étranges d’écrire le nom de votre entreprise et réserver chaque version du nom de domaine dans les 10 ou 12 extensions disponibles… Ainsi, vous êtes certains d’accrocher votre visiteur. N’oubliez pas également de vous assurer que le site Web fonctionne peu importe le nom de domaine qu’on utilise. Tant qu’à parler des noms de domaine, choisissez le forfait d’hébergement le plus « cheap » même s’il est aux îles « moukmouk »… Après tout un site Web est une dépense considérable et tout votre argent doit être réservé pour avoir le plus grand nombre de noms de domaine possible alors autant diminuer le coût de l’hébergement.

10 – Faites le dont vous même

Pourquoi engager des similis experts? Une page Web, c’est pas tellement compliqué à faire et il existe une multitude d’outils pour vous aider! Ne gaspillez pas votre temps et votre argent, télécharger Front Page et amusez-vous! Il est vrai qu’au niveau SEO (être dans les premiers dans Google) ce ne sera pas parfait… mais bon… qui veut être sur Google alors qu’il est si simple d’être dans les pages jaunes? Et si jamais vous désirez améliorer votre sort sur Google, simplement mettre des mots clés à la tonne écrits en blanc sur fond blanc…

Bien entendu, il aurait été facile de continuer pendant longtemps cette liste de nouvelles vieilles bonnes pratiques :

• whatever les aveugles
• DHTML is so king
• maximiser les meta keyword
• le CSS : trop compliqué
• Flash est votre ami
• tout le monde est sur IE anyway
• doubler votre contenu avec des pages pour impression
• title « sans titre » c’est plus simple
• évitez de payer l’hébergement en étant dans un sous répertoire du site de votre webmestre
• faites vos formulaires en PDF
• maximiser son utilisation des popups
• pas plus que 500$ s.v.p.

Bon développement Web!