Samuel Latchman

I connected Tumblr to my http://flavors.me page - http://flavors.me/samlatchman

BachFlash surveille l’utilisation du processeur par Flash, et vous préviens en cas d’abus (souvent, quoi)

Vous donne votre adresse IP, et vous indique quelles fonctions de HTML 5 votre navigateur peut prendre en charge.

via JayZ

via PouiPouiDesign

via Voulf

Un plugin pour avoir le moteur de renu de Chrome dans IE ! A vous le HTML5 dans IE6 !

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.

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.

“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, <a name=”article1”>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, <a href=”#article1”>Mon lien vers l’article 1</a>

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 !

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.

Pour nos amis D.A., de bons conseils sur la façon de concevoir le design d’interfaces utilisateur complexes.

… Si vous êtes un créatif, un chef de projet, un commercial, un client…

Une librairie javaScript pour détecter les capacités du navigateur à appliquer du HTML5 ou du CSS 3. Pas de user-agent sniffing ! Gratuit !

Modifie le sélecteur de couleurs d’OSX pour récupérer les codes couleurs CSS et HTML, entre autres. Gratuit !