2803 webdesign | webdesign, css, graphisme, scripts... » divers

Si les architectes devaient travailler comme les web designers…

woumpah — Thu, 12 Jul 2007 18:14:50 +0000

Pour mon premier billet, une comparaison amusante entre le travail d’architecte et celui de web designer.

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 ?

Articles en rapport

-Si les architectes devaient travailler comme les web designers…

-80 polices pour (web)designers

-Et vous qui êtes vous ?

-Nouveau thème pour webdesign

-Etude sur les métiers du webdesign

Copyright © 2007
Vous ne pouvez que diffuser que des extraits des articles de webdesign 2803 tout en citant vos sources ou demander l'autorisation de publication. L'usage du flux RSS de webdesign 2803 n'est autorisé que dans les aggrégateurs rss personnels (non indexés dans les moteurs de recherche). (digitalfingerprint: c6704c066db6df676f80faab19b9aafb)

PWS de Marcello Boschetti

Charles — Fri, 30 Mar 2007 22:23:55 +0000

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 !

Articles en rapport

-PWS de Marcello Boschetti

Hello world !

damien — Tue, 13 Mar 2007 08:37:04 +0000

Salut à tous,

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

Articles en rapport

-Hello world !

-Télécharger des logos de sociétés en vectoriel

Les dangers des hacks CSS

françois — Tue, 27 Feb 2007 09:54:08 +0000

Il arrive parfois (souvent ?) que différents navigateurs n’affichent pas de la même manière une même page web.
Une “astuce” consiste à exploiter les bugs d’interprétation CSS des navigateurs de manière à adapter le rendu.
Par exemple si vous placez un underscore devant une propriété CSS celle-ci est lue uniquement par Internet Explorer.
Pratique pour différencier Internet Explorer des autres navigateurs non ?
Seulement voila, cette bidouille ne fonctionne qu’avec IE6, IE7 passe outre.
Imaginez donc que qu’il s’est passé pour les personnes ayant utilisée cette astuce dans leur code lors de l’arrivée de IE7: ils ont perdu pas mal de temps et de sueur pour refaire leur code.

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.

Articles en rapport

-Les dangers des hacks CSS

10 erreurs classiques concernant les photos

françois — Mon, 19 Feb 2007 10:50:45 +0000

Aujourd’hui la vente d’un produit sur Internet passe forcément par l’affichage de sa photo.
De la qualité des clichés peut dépendre une bonne partie du chiffre d’affaire du commerçant.
Cela s’applique aussi à la personne qui veut vendre un produit sur eBay.
Il s’agit donc de ne pas tomber dans les quelques pièges que voici.

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.

Articles en rapport

-10 erreurs classiques concernant les photos

-Photoshop | Donner un effet hollywood à vos photos

-Une sacrée liste de demo en CSS

-Made Of Japan by Onitsuka Tiger

-Google outils pour webmaster premières explications

Quelques définitions pour commencer ce blog

henri — Sun, 14 Jan 2007 20:01:30 +0000

Tout d’abord commençons par la définition du webdesign selon Wikipedia :

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…

Articles en rapport

-Quelques définitions pour commencer ce blog

-Nouveau thème pour webdesign

-Webdesign voici un peu d’inspiration pour vos projets

-Gobz.org, un blog sur le multimédia

-1000 ressources pour de développement web