Pourquoi la conception de site web avec une phase statique sous Photoshop est vouée à disparaître.

Quels principes adopter en phase de création graphique pour préserver l’ergonomie et l’accessibilité de l’interface web ? Lisibilité typographique, contrastes, couleurs, signalétique des hyperliens, utilisabilité des formulaires, messages d’erreur etc. Quels exemples suivre ? Ce petit florilège de bonnes pratiques graphiques pour améliorer l’ergonomique et l’accessibilité web, était proposé en atelier à Paris Web 2012.

Cette page n'est plus de ce monde. Rester sur cette dernière entraînera le sacrifice de 404 Lemmings. A moins que vous décidiez de tous les sauver ! Survolez ces derniers pour les munir d'un parachute.

Comment faire des thèmes Prestashop ? La documentation officielle !

Malgré la mode, il faudrait peut-être éviter les slishow en page d'accueil d'un site : c'est inefficace en termes de conversion clientèle. À noter : la notion de "Design par comité" qui n'échoue jamais à échouer.

Dans cet article, vous apprendrez à : Mesurer l’évolution de votre trafic mobile Afficher votre ratio de trafic mobile dans vos tableaux de bord Connaître le potentiel de recherches mobiles dans votre secteur

Un plugin jquery de première visite d'un site web : affiche des ballons d'aide pour découvrir progressivement le site.

Le point qui me dérange particulièrement est relatif au timing.

En effet, lorsque j’arrive sur un site à partir d’un moteur de recherche, je ne le connais pas encore. Et là, avant que je n’aie commencé à le visiter, alors que je ne sais même pas encore s’il correspond bien à la recherche que je viens de faire, on m’y propose de m’inscrire à une newsletter ou autre action de ce type.

Certains sites affichent une (grande) image de fond qui s'adapte à toutes les dimensions de la fenêtre du navigateur, proportionnellement, sans la déformer. La réalisation de ce genre de prouesse n'est pas si évidente techniquement, contrairement à ce que l'on pourrait croire de prime abord.

À quoi se référer pour créer un site ergonomique et accessible ? Quels principes adopter en phase de création graphique pour préserver l’ergonomie et l’accessibilité de l’interface web ? Quels exemples suivre ? Quelles consignes communiquer à nos amis créas ?

Où l'on apprend à faire un soulignement dans une couleur plus claire pour ne pas gêner la lecture des jambage. Et qu'il faut foncer les textes par rapport aux titres pour avoir la même impression de couleur (gris typographique équivalent selon la graisse)

Taille des photos des profils et des pages Facebook - Photo de profil : 180x180px, réduits à 128x128px - Photo de couverture : 851x315px - Photo partagée sur le journal : 404x404px - Photo mise en avant sur le journal : 843x403px - Photo d'évènement sur le journal : 843x403px Taille des photos des pages Facebook - Aperçu de page personnalisée (onglet) : 111x74px -* Couverture de page personnalisée : largeur de 810 pixels.

Une invitation à faire du Responsive Design (Design adaptatif) non pas en fonction de mobiles particuliers, mais selon des points de rupture (là où le design devient laid).

Regarder à partir de quel endroit le design devient bancal pour, à cet endroit-là, introduire un point de rupture — et hop, une media query.

Des morceaux de CSS3 pour trouver de l'inspiration

Outil en ligne pour tester en gros comment s'affiche un site sur tablettes et mobiles. Rendu fait par une iframe à la taille du périphérique.

Passage en revue de quelques templates et framework adaptés aux mobiles (Responsive Web Design)

Une analyse des conceptions d'interface utilisateurs conduisant à leur faire émettre des choix à l'avantage du site web.

Une manière élégante de fournir une zone de texte qui s’agrandit au fur et à mesure des besoins.

Un service en ligne qui transforme automatiquement un site web en site mobile (design parfois approximatif)