Le Web Maker

Top astuce : pour afficher facilement une affichage à 100%, double-cliquez sur la loupe dans la barre d’outils. Double-cliquez sur la main pour pour que l’image occupe toute la taille disponible sur l’écran.

Plugin jQuery pour gérer l'upload de fichier

Tue, 01 Sep 2009 11:10:00 +0200

Plugin jQuery pour gérer l'upload de fichier:

Bon, ça a l’air particulièrement impur, comme solution (Flash nécessaire en plus de JS), mais ça gère l’upload multiple (file d’attentes), et vous pouvez donner n’importe quel aspect graphique au bouton “parcourir” (sentez vous libre de pousser votre cri de joie/d’horreur).

Gratuit sous licence GPL et MIT.

Question de client : faire des liens internes dans un email

Thu, 27 Aug 2009 00:05:00 +0200

“Est-ce que je peux faire des liens dans mon email, par exemple pour un sommaire qui renvoie vers différentes sections ?”

“Je voudrais un lien Back To Top dans mon email.”

La réponse commerciale à ne pas faire :

C’est possible !

La réponse commerciale à faire :

Je vous le déconseille. Ces liens ne fonctionneront pas pour tout le monde. Vous risquez de donner à penser que vos liens sont buggés, ce qui n’est jamais bon pour l’image de marque.

Et puis si votre email est long au point de nécessiter des liens interne, c’est qu’il faut probablement revoir la quantité de votre contenu.

L’explication :

Votre internaute a des dizaines de possibilités pour lire ses mails : les logiciels de mail classique (Outlook, Thunderbird, Lotus, Mail, etc.), les webmails publics (Hotmail, Gmail, Yahoo, etc.), les webmails privés, les interfaces mobiles… Chacun a ses méthodes de rendu du HTML, qui différent beaucoup du rendu classique d’un navigateur (déjà que celui-ci n’est pas encore stabilisé…) Et sur beaucoup, les liens internes ne fonctionneront pas. Certains ouvriront une popup avec un message d’erreur, d’autres désactiveront carrément les liens. Comme il n’est pas possible d’afficher dynamiquement une alternative aux internautes pour qui le lien ne marcherait pas, ceux-ci penseront simplement que la page est buggée.

“J’ai compris… Vous pouvez me les faire, donc ?”

Je peux, mais c’est mal.

“Ne me faites pas vous menacer !”

C’est votre argent… Voici le code à implémenter, il suffit de se transporter 10 ans en arrière:

Sur chaque zone de destination dans l’email, une balise A nommée. Exemple, Début de mon article qui blabla…

Sur chaque lien interne, une propriété href référençant le nom de la zone de destination. Exemple, Mon lien vers l’article 1

Là ou ça passe :

Apple Mail (testé sur Mail 3.6)
Mozilla Thunderbird (testé sur 2.0)
Lotus Notes 8 (non vérifié)
Hotmail
Gmail et Yahoo : si href contient bien un nom et pas juste “#”
iPhone Mail (testé sur iPhone OS 3.0)

Lotus Notes 7 : le clic ouvre un popup contenant un message d’erreur
Outlook (non vérifié)

Là ou ça casse :

Gmail et Yahoo : si href contient seulement “#”

RoundCube (webmail) : les liens internes sont désactivés et du coup même pas cliquables

@mail (webmail) en interface simple Ajax : le clic ouvre une nouvelle page qui affiche l’écran de login du webmail

Je mettrai ce post à jour au fur et à mesure de mes tests. Si vous avez infos sur des logiciels/webmails particuliers… Ça m’intéresse !

La taille d'écran vraiment visible par les internautes

Tue, 25 Aug 2009 11:18:23 +0200

La taille d'écran vraiment visible par les internautes:

Une représentation graphique de l’espace disponible dans le navigateur des internaute. En août 2009, 92% des internautes ne peuvent toujours pas voir plus de 960x600 pixels sans scroller.