“Nous avons scientifiquement déterminé le temps maximum dont vous devriez avoir besoin monter une page en CSS : 47 minutes. Quand votre temps est écoulé, nous vous donnons même le code dont vous avez besoin pour faire un tableau. Ca vous prendra 3 minutes.”

Give up and use tables, le chronomètre qui va vous faire détester les feuilles de style (si ce n’est déjà le cas), à prendre bien sûr avec tout l’humour requis.

Le numéro 2 d’Advanced Web est en kiosques, avec au sommaire, entre autres :

• Les meilleurs portfolios et les meilleurs sites créatifs du mois
• Test de matériel
• Coulisses du site Honda
• Dossier “Copyright sur le web”
• Conseils pour faire du Web son métier
• etc…

Et bien sûr, le cahier des experts auquel j’ai le plaisir de contribuer, via cet article “Ma vie numérique est un grand bazar”, (bien signé de mes initiales cette fois), et que vous pouvez lire et télécharger ci-dessous :

Get your own - Open publication

Tous les détails chez Antony.

Tiens, je m’aperçois que ça fait un petit moment que Presse-citron n’a pas parlé d’outils dédiés au webdesign.

Back to the roots, voici CSS Toolbox, une boîte à outils complète pour l’édition de vos feuilles de style, qui offre toutes les fonctions nécessaires pour travailler efficacement sur ces dernières, à savoir :

• création et édition simple
• formatage et optimisation du code
• validateur et correcteur de CSS
• compresseur de code
• intégration avec le validateur du W3C (l’organisme qui édicte les règles du développement web)

CSS Toolbox est un logiciel gratuit disponible uniquement pour Windows qui me donnerait presque envie de tâter à nouveau de la CSS dis-donc.

(source : Lifehacker)

A quoi ressemblent les sites web les plus célèbres si on retire mots et images ? C’est la question posée par Paul Armstrong, un webdesigner américain, qui vient de lancer un blog, Web without words,  dans lequel il dissèque les sites connus en affichant un squelette sous forme de blocs de leur page d’accueil.

Yahoo et CNN sont déjà passés à la moulinette, et pour chacun Paul donne sa vision aiguisée de la construction de la page, et une critique du site.

Un travail de déconstruction intéressant, qui offre une vision différente du web.

Le PHP, Apache, l’open source, des trucs de geek ? Des trucs de gauchiste, oui !

Témoin cette excellentissime et drôlatique étude comparative des sites officiels de John McCain et Barack Obama, qui met en exergue les différences des deux candidats en scrutant le code et les pages de leurs sites respectifs avec l’oeil averti et incisif de l’expert en développement et standards du web.

Où il ressort un portrait presque caricatural des positions politiques de chaque candidat : Obama le démocrate (donc la gauche américaine) qui utilise les technologies open source (LAMP) alors que son grand rival McCain fait dans le corporate bon ton avec l’ASP de Microsoft.

Quand le code HTML révèle à ce point une philospohie politique, moi je dis que le web confine au génie.
Comme dirait l’autre, code is poetry…

(via Jay Salvat et Rémy Prévost)

Si la plupart des sites au design fait de dessins à main levée sont des sites personnels ou des portfolios de graphistes, il existe également des sites d’entreprises, voire marchands, utilisant ce type d’environnement graphique.

C’est le cas parmi les sites présentés dans cette galerie proposant 30 sites dessinés à la main, ou quand l’absence de contraintes libère la créativité.

Bon moi je dis qu’ils ont quand même oublié le Jeux de maux de La Lène, mais si mes souvenirs sont bons, Smashing Magazine ne l’avait pas raté, à l’occasion d’une liste un peu similaire.

Pour ceux qui ont les moyens de de se payer des suites logicielles dont les prix varient entre 1500 et… 3500 euros, Adobe vient de publier officiellement sur son site la mise à disposition de sa suite Adobe Creative Suite 4, l’outil-star des agences de communication, de design et bien sûr des agences web.

La suite se décline en 6 versions, soit Creative Suite 4 Design Premium, Creative Suite 4 Design Standard, Creative Suite 4 Web Premium, Creative Suite 4 Web Standard, Creative Suite 4 Production Premium, Creative Suite 4 Master Collection, et dans ses versions les plus complètes, inclut les logiciels suivants :

• InDesign CS4
• Photoshop CS4 Extended
• Illustrator CS4
• Acrobat 9 Pro
• Flash CS4 Professional
• Dreamweaver CS4
• Fireworks CS4
• Contribute CS4
• After Effects CS4
• Adobe Premiere Pro CS4
• Soundbooth CS4
• Adobe OnLocation CS4
• Encore CS4
• Adobe Bridge CS4
• Adobe Device Central CS4
• Dynamic Link
• Version Cue CS4

Bonne nouvelle pour tous ses utilisateurs (dont je fais partie) : Fireworks, sérieusement bousculé par la concurrence frontale de Photoshop, est encore présent dans la suite.

Au-delà de cette annonce, deux points ont attiré mon attention dans sa présentation. On sait depuis belle lurette que chez les éditeurs de logiciels mais également les fabricants de matériel, on a une conception de la parité dollar-euro très particulière, qui consiste à considérablement simplifier les choses : 1 dollar = 1 euro. C’est vrai, c’est plus simple comme ça, pas besoin de faire des calculs à la con…

Mais chez Adobe il semblerait qu’ils aient en plus de cela des calculettes magiques puisque si je prends le seul exemple de la Creative Suite 4 Master Collection, soit le haut de gamme de la collection CS4, celle-ci est facturée 3 586,80 € aux clients français, alors que la même ne “coûte que” 2 499,00 $ aux clients américains. Ce qui nous fait un taux de conversion de 1,43, soit pratiquement le taux actuel Dollar-Euro, mais… à l’envers. Si la vraie parité était respectée, la même suite devrait coûter 1678,00 Euros de ce côté de l’Atlantique au cours du dollar de ce jour. Elle en coûte juste un peu plus du double, ce qui, vous en conviendrez, fait un peu cher les frais de localisation…

Autre détail amusant, et probablement aussi éminemment culturel (hum…) : sur la page de la version US de présentation de CS4, les prix sont clairement affichés en regard du lien de pré-commande (preorder), mais pas sur la version française (précommander).

Vous direz que je chipote, mais la pudeur soudaine et toute latine d’Adobe quant à l’affichage de ses tarifs (élevés) sur la version française de son site a de quoi surprendre non ?

C’est moi ou le rythme de refonte des grands sites web s’accélère ? Auparavant il était de coutume qu’un portail rafraîchisse son design ou lance une toute nouvelle version tous les deux ou trois ans.

Coïncidence ? En 2008 la plupart des sites les plus en vue ont proposé un redesign, voire une refonte complète. Webware liste les dix principales refontes de ces derniers mois, ainsi qu’une poignée d’autres, et il y a du lourd :

• Twitter
• Facebook
• Friendfeed
• Yahoo!
• MySpace
• Digg (et Digg Mobile)
• MobileMe (anciennement .Mac)
• LinkedIn
• Delicious
• Last.FM
• CNET
• Engadget
• Wall Street Journal online
• TechCrunch
• CenterNetworks
• Mashable
• …

Les stars du web seraient-elles condamnées au lifting annuel pour rester dans la course ?

L’interface de Wikipedia ne respire pas exactement la joie de vivre, comme si diffusion du savoir devait forcément être synonyme d’austérité monacale.

D’où certaines tentatives et initiatives indépendantes pour rendre l’ensemble plus sexy, ou au moins proposer une logique de navigation alternative aux très riches pages statiques du site.

(attention, la voix (de synthèse) dans la vidéo fait vachement peur, éloignez les enfants)

C’est le cas de Wikipedia-roll, un projet de visualisation wikipedia-roll qui permet d’avoir une vision dynamique et globale des pages dans Wikipedia. Avec Wikipedia-roll, vous accédez rapidement à une vision d’ensemble d’un sujet à travers sa définition et les éléments constitutifs d’un article dans Wikipedia.
Puis de proche en proche, en naviguant vous découvrez tranquillement (ou frénétiquement si vous êtes préssé, ça dépend) l’univers du sujet qui vous intéresse.

Selon ses auteurs, cette interface amène à la découverte. Certes. Mais si tant est que vous soyez un peu curieux, elle peut aussi rapidement vous égarer et vous faire perdre du temps à naviguer d’ilôt en ilôt sans plus savoir exactement ce que vous recherchiez au départ, tant la navigation horizontale est fluide.

Le webdesigner est, comme tous les créatifs, un être en quête permanente de perfection esthétique, et donc d’inspiration.

Sauf s’il est un génie absolu sorti de nulle part, il consacre par conséquent beaucoup de son précieux temps à surfer sur le web à la recherche d’idées qui l’aideront à concevoir son prochain projet. Pour cela, Smashing Magazine, CSS Beauty et autres CSS Zen Garden, entre autres, sont ses bibles.

Pattern Tap est un peu tout cela à la fois, avec en plus de très astucieuses fonctions sociales et d’organisation qui pourraient rendre ce site très rapidement indispensable. En fait, Pattern Tap reprend quelques-unes des fonctions basiques que l’on connait habituellement dans les réseaux sociaux, pour les appliquer à l’inspiration dans le webdesign.

Avec Pattern Tap, vous pouvez :

• sélectionner une collection thématique parmi les 46 proposées par le site, selon vos goûts, comme par exemple les fonds de pages, les pages d’erreur 404, les bordures, etc…
• suivre une collection via RSS mais également en l’ajoutant dans votre classeur
• créer votre propre set de designs favoris, et le partager avec les autres membres du site, qui peuvent à leur tour vous suivre en s’abonnant à vos sets
• suivre les sets des autres, par récence ou par popularité, et naviguer par tags parmi les collections

Pattern Tap repose sur une idée simple, très bien réalisée, qui apporte une réelle valeur ajoutée pour les webdesigners.  Il ne manque à ce service que deux fonctions : la possibilité de commenter, et un moteur de recherche (pour les membres, les sets et les collections).