If you’ve ever sent an email campaign, you know that if your CSS is not coded inline, it is likely to get stripped out by email clients, which can make your email design pretty funky looking. Writing CSS inline can be time consuming, and repetitive. MailChimp has a CSS inline conversion tool built right in that will automatically transform all of your local styles into inline styles. Designers have found it so useful, we thought we’d share it with everyone else – even if you don’t have a MailChimp account.

—– En Fr :

Cet outil permet de copier/coller un code HTML de page web d’un emailing que l’on a préparé avec des CSS dans le header, en fichier externe, … et de tout remettre au bon endroit comme dans les années 90 : directement dans les balises. Ainsi on peux pousser le design d’un email et être sûr que le destinataire aura une version graphique identique à celle qui a été créée !

http://www.mailchimp.com/labs/inlinecss.php

Et retrouvez aussi un ensemble d’outils vraiment pratiques développés par la société MailChimp : http://www.mailchimp.com/labs/

Le formulaire est l’un des moyens pour l’utilisateur d’envoyer des données, alors que son comportement classique sur le web consiste plutôt à recevoir des informations. Cette notion entraîne des problématiques d’ergonomie autres que celles liées à la simple consultation de contenus.

Cet article présente les standards d’ergonomie web pour la conception de formulaires et quelques recommandations à adapter à la spécificité de chaque situation. Les thématiques concernant les formulaires couvrent un large champ d’application, dans les domaines du logiciel et du web, pour le grand public ou les applications métiers, pour les novices ou les utilisateurs expérimentés.

Qu’ils servent à envoyer un message, acheter un produit, remplir un questionnaire ou accomplir une tâche professionnelle plus précise, les formulaires doivent respecter certaines règles. On peut distinguer des recommandations génériques et des recommandations spécifiques, qui seront déduites du contexte d’utilisation du formulaire et de ses caractéristiques.

Il existe une grande différence entre un formulaire destiné à un site grand public ou à une application professionnelle. Cette différence est d’ailleurs à étudier quelque soit la thématique (mode d’interaction avec le formulaire, organisation des champs, gestion des erreurs, etc.).

Les formulaires sont quelque chose d’assez bien défini au niveau des règles à appliquer pour les formulaires web classiques (formulaire de contact, de commande d’un document, de gestion d’un processus d’e-commerce…).

C’est beaucoup plus complexe pour les formulaires spécifiques, destinés à être utilisés dans un cadre professionnel, et pour lesquels on ne dispose pas de référent existant. Pour ce type de formulaires, l’analyse de l’activité doit prendre une place beaucoup plus importante, c’est elle qui doit guider les choix d’interfaçage plutôt que l’application de règles standards.

Version PDF : http://www.ergolab.net/ressources/articles/article_id22/article_pdf.pdf

[ suite à lire sur le site : http://www.ergolab.net/articles/ergonomie-formulaire.php ]

(via Ergolab)

Il existe déjà beaucoup d’outils online qui transforment pages Web, Documents, flux RSS, en PDF.

Fivefilters en fait partie, et se démarque des autres en misant sur une licence Open Source AGPL. Vous pouvez donc réutiliser (en respectant la licence) le code source pour l’intégrer à votre site ou votre application Web.

L’utilisation est simplissime : donnez lui l’url du flux RSS que vous voulez, et vous obtiendrez un PDF mis en page (avec ou sans images, selon les options choisies).

http://www.technofeliz.com/2009/07/13/fivefilters-et-votre-blog-se-metarmorphose-en-pdf/

(via Technofeliz)

Tout le monde ou presque connait Google Suggest, qui suggère automatiquement des termes de recherche au fur et à mesure que l’on saisit notre requête, à chaque fois que l’on tape une lettre supplémentaire, la liste est modifiée. Cet outil fournit également, à côté de chaque suggestion, une estimation du nombre de résultats sur google que renvoit chaque mot-clé de la liste.

Les mots-clés proposés correspondent « soit-disant » aux recherches que font fréquemment les internautes (d’où l’intérêt pour les référenceurs).

Le script Google suggest que nous vous proposons, permet à partir d’un mot-clé, de trouver toutes les suggestions faites par Google pour ce mot-clé et les mots-clés trouvés et ainsi de suite selon la profondeur d’analyse choisie.

Par exemple, si je saisis référencement, le script va extraire toutes les propositions de mots-clés en partant de référencement et pour chaque mot-clé trouvé, le script va à nouveau extraire les mots-clés correspondants et ainsi de suite. Ce script va ensuite éliminer les doublons pour vous proposer une liste unique de mots-clés.

En test ici : http://normedia.fr/wordpress/optReferencement.php

Lien : http://www.seoblackout.com/2010/01/20/referencement-google-suggest/

(via SeoBlackOut )

Le smashing-magazine a (encore) pondu un super article sur les évolutions et sur les nouvelles tendances des interfaces de site web. Pas toujours évidentes à mettre en place pour nos sites, cela n’en reste pas moins une superbe collection d’interfaces à l’imagination riche et créative !

Petit coup de coeur pour celle ayant traits aux mobiles, reprenant parfois l’interface iPhonisée ou simplifiant au maximum les interactions avec le système d’information. Bref, des idées à piocher !

Lien => http://www.smashingmagazine.com/2010/01/04/showcase-of-modern-navigation-design-trends/

A lire aussi : 50 menus « user-friendly » pour le web, vraiment rafraichissante cette sélection !

Lien => http://www.smashingmagazine.com/2009/02/04/50-beautiful-and-user-friendly-navigation-menus/