Sources :
L'article original (en anglais) de Scott Manning
La traduction en français de Frédéric de Villamil

On est forcé d'admettre qu'il y a un peu de vrai dans tout ça non ?

Post from: 2803 webdesign

Si les architectes devaient travailler comme les web designers…

Bizarre vous avez dit bizarre ? PWS veut tout simplement signifier Pocket Web Site et a été inventé par Marcello Boschetti pour la création de son portfolio !

Ce site a été découvert sur le superbe blog Plixweb.com de Sebastion Desay (un lyonnais lui aussi), merci à Lui !

Post from: 2803 webdesign

PWS de Marcello Boschetti

je viens enrichir l'équipe de 2803.webdesign.
Passionné par le web je vais tenter d'apporter un zeste de nouveauté sur se blog.

Damien

Post from: 2803 webdesign

Hello world !

La solution consiste donc à éviter au maximum les hacks et à privilégier les CSS "standards".
Pour vous aider dans cette logique voici deux bonnes adresses :
wiki.media-box Liste des propriétés CSS avec à chaque fois la prise en compte ou non par les navigateurs.
CSS cheat sheet des reminder à avoir sous la main.

Post from: 2803 webdesign

Les dangers des hacks CSS

La liste suivante regroupe 10 erreurs à éviter (inspirée de ce billet)

• Photos floues ou distordue :
  Les navigateurs peuvent "redimensionner" les images en interprétant les données de la balise HTML img
  Utiliser cette méthode entraine quasiment toujours un résultat médiocre: mieux vaut faire une vignette de la photo via un logiciel d'image ou un script.
• Couleurs faussées : Travaillez toujours en sRGB il s'agit du "stadard web"
• Photos trop lourdes : Les photos hautes définition entrainent toujours un ralentissement de l'affichage du site, même avec une connexion rapide.
• Mauvais détourage : Si vous voulez mettre en avant vos produits offrez-vous un système d'éclairage adapté plutôt que d'essayer de détourer les produits avec Photoshop, le rendu est toujours moins bon.
• Trop sombre ou trop clair : De mauvais réglages lors de la prise de vue ou lors du traitement de l'image dégrade le rendu de l'image.
• Image trop petite : logique ? on voit pourtant encore beaucoup de ecommerces ne proposant pas un zoom sur l'image digne de ce nom.
• Un fond moche : évitez les fonds chargés ou trop voyants, il s'agit de mettre en avant le produit pas le lieu
• La mise en scène : il faut se rendre compte de l'important de la mise en scène et de l'éclairage dans l'impression que donnera votre produit (n'hésitez pas à faire des essais)
• Une absence de prestige : si vous utilisez une photo sur votre page d'accueil celle-ci va "imprégner" l'esprit de votre visiteur de manière durable préférez donc une photo "qui en jette" plutôt que quelque chose de fade.
• Trop peu de photo par produit : Vous avez le produit sous la main ? alors n'hésitez pas à proposer des photos sous différents angles.

Post from: 2803 webdesign

10 erreurs classiques concernant les photos

Le webdesign désigne la création du support visuel à destination d’un site Web. Il s’agit d’une phase prépondérante dans la conception d’un tel site. L’identité d’un site Web, après avoir été conceptualisée, sera transformée en lignes de code et images pour s’afficher dans un navigateur Web. Comme pour l’infographie et le graphisme, le webdesign n’a pas encore acquis son indépendance à part entière comme activité artistique. Les raisons sont nombreuses, autant que les affinités qu’elle exige ; le webdesign concerne la création de la charte graphique, l’interface et la navigation du site, l’arborescence. Ce qui demande de nombreuses compétences en graphisme, programmation, animation ainsi qu'une bonne connaissances des contraintes techniques liées à ce domaine (respect des standards W3C, accessibilité, portabilité ...).

L’objet du webdesign est de valoriser l’image du propriétaire du site par le biais d’éléments graphiques afin d’en renforcer son identité visuelle, néanmoins plusieurs contraintes liée à l’ergonomie et à l'accessibilité réduisent les possibilités et les libertés du designer. Un site doit avant tout répondre aux attentes des utilisateurs. Généralement un compromis doit être trouvé entre le graphisme et la sobriété nécessaires à la lecture et la navigation.

Actuellement on parle beaucoup de CSS qui est devenu le standard en terme de création de site Internet, mais qu'est ce donc le CSS :

CSS est utilisé pour définir les couleurs, les polices, le rendu, et d'autres caractéristiques liées à la présentation d'un document. L'objectif est de bien séparer la structure (écrite en HTML ou similaire) et la présentation (en CSS) du document. Cette séparation fournit un certain nombre de bénéfices, permettant d'améliorer l'accessibilité, de changer plus facilement de structure et de présentation, et de réduire la complexité de l'architecture d'un document. Enfin, CSS permet de s'adapter aux caractéristiques du récepteur.

HTML ne décrit que l'architecture interne, et CSS décrit tous les aspects de la présentation. CSS peut définir couleur, police, alignement de texte, taille, position, mais aussi le formatage non visuel, comme la vitesse à laquelle le document doit être lu par des lecteurs de texte.

L'objet de ce blog sera donc double : un peu de technique et un peu d'esthétique...

Post from: 2803 webdesign

Quelques définitions pour commencer ce blog