1. Le wdfriday aura lieu tous les vendredis midi à 13 heures. Pour vous joindre à la conversation, utilisez le hashtag #wdfr.

2. Le wdfriday va tourner autour de questions posées au préalable par les participants. En gros, vous posez vos questions quand vous le souhaitez, on essaie de faire un sondage rapide si on a le temps et suffisamment de questions, sinon, pour la première fois, j’en choisirai parmi la liste et les autres seront reprises la semaine suivante. Donc, pour poser vos questions, c’est tout simple ( enfin, je l’espère !! ). J’ai changé la méthode pour poser des questions parce que pas mal de monde semblait perdu… Maintenant, vous pouvez poser vos questions directement sur la page Formspring du projet, comme ça tout le monde pourra voir les questions des autres, ce sera plus sympa !!

Concernant le nombre de questions par session, je pense que pour la première fois, on verra bien comment ça se passe mais par la suite, il faudra sûrement trouver un rythme histoire de pouvoir aborder différents sujets pendant l’heure qui nous est appartie.

3. J’ai acheté le nom de domaine wdfriday.com. Le but serait d’y poster chaque semaine un résumé de la session précédente. Un bon moyen pour ceux qui n’ont pas pu être là de savoir ce qui s’est dit pendant la session, mais aussi pourquoi pas pour continuer la discussion. A ce niveau-là, j’aurai probablement besoin de personnes pour me donner un coup de main, aussi bien pour mettre le blog en place, choisir un thème et rédiger les résumés à tour de rôle.

4. D’ici vendredi, je vais lier le hashtag #wdfr à un compte Delicious pour que tous les liens qui seront partagés pendant le wdfriday soient disponibles pour tous à un seul et même endroit.

Je pense que c’est tout pour aujourd’hui !! Donc, j’espère sincèrement que ce projet simple va attirer tous les web designers en herbe ou confirmés à venir discuter pendant une heure le vendredi midi. On passe tellement de temps à bosser dans notre coin que se retrouver comme ça pourrait être une superbe opportunité de se rencontrer, échanger, partager, voir faire des connexions. Et ce qui serait le plus top c’est que ça nous mène vers l’organisation d’un wdfriday live quelque part dans quelques mois, autour d’un système sympa de Barcamp, pourquoi pas !!

A vendredi donc ?

PS: si vous avez des questions, remarques, conseils, idées et j’en passe, n’hésitez pas. Ce projet, je le lance, mais c’est avant tout le projet de la communauté, donc si vous souhaitez vous impliquez, n’hésitez surtout pas, ça serait hyper sympa !!

Alors, en quoi consiste ce truc ?

En fait, c’est tout simple. On se donne rendez-vous une fois par semaine, pendant une heure, sur Twitter, autour d’un hashtag et on parle web design. Tout le monde peut se joindre aux discussions, ça doit rester ouvert à tous. Pour suivre la discussion, il ne faut pas oublier de mentionner à chaque fois le hashtag du projet. Pour organiser le fonctionnement, on peut très bien choisir 3 à 4 questions par semaine, qui seront choisies pendant la semaine, entre deux “meetups”. Ces questions pourraient être posées par tous via un Google Doc ou pourquoi pas un compte Formspring. Enfin, je me suis déjà renseigné mais on pourrait aussi créer un compte delicious pour référencer tous les liens dont on parlerais pendant nos meetups.

Pourquoi Twitter ? Ca risque pas d’être le bordel ?

Twitter est une plateforme que tout le monde, ou presque dans le métier, utilise. C’est une formidable outil de connexion et de networking. Twitter est aussi un outil qui est un très bon outil pour partager, communiquer, discuter. Enfin, Twitter est simple à utiliser et je pense que c’est la meilleure solution pour commencer. Ca reste ouvert à tous et ça permet à n’importe qui que ça intéresse de venir suivre les discussions et y participer le cas échéant. N’oublions pas non plus que l’on a accès à Twitter depuis nos téléphones, donc pas besoin d’être devant nos écrans pour suivre la discussion…

Ce genre de meetup est très utilisé dans les communautés anglophones et fonctionne super bien. J’en ai suivi quelques unes pour voir comment ça fonctionnait. J’ai demandé pas mal de questions à ma femme et à ses partenaires pour voir comment ils s’organisaient. Et finalement, c’est assez simple à gérer. Et je me dis au final que si ça fonctionne bien ailleurs, y a pas de raison que ça ne fonctionne pas pour nous les franchouillards ! On n’est pas plus cons que les autres non ?? La seule chose importante est de bien saisir le hashtag à chaque fois pour que tout le monde est votre question, remarque ou autre.

De quoi pourra-t-on parler ? Quel est l’intérêt ?

En fait, le but est multiple ici. Ce genre de “réunion” aurait pour but de mieux se connaître, mais aussi de partager des liens intéressants, d’avoir des discussions intéressantes autour de sujets précis et de faire en sorte qu’on puisse créer une sorte de réseaux de freelances ou de personnes bossant en agences pour réussir à s’entraider ou à se dépanner le cas échéant. Je ne sais pas pour vous, mais en ce qui me concerne, je bosse pas mal avec d’autres personnes et je trouve que c’est toujours très enrichissant de connaître d’autres personnes du même métier et de partager autour de notre passion qui est également notre métier.

Ce genre de projet pourrait mener plus loin mais pourquoi ne pas commencer avec un truc simple ? J’ai bien penser ouvrir un blog, un forum, ou je ne sais quoi d’autre, mais ça demande du temps et personnellement les aventures de blogs à plusieurs, j’ai déjà donné et je ne suis pas encore prêt à recommencer. Je préfère le côté chaleureux d’une rencontre une fois par semaine sur Twitter, et pourquoi pas organiser de vraies rencontres de temps en temps ici ou ailleurs.

Le but est vraiment de se connaître mieux, d’échanger, de partager et donc que chacun puisse s’enrichir des autres.

Pour ce qui est des sujets abordés, ça pourrait aussi bien être business, que Photoshop, CSS, jquery et j’en passe, tant qu’on reste dans le front end.

Quelles sont les prochaines étapes ?

Tout d’abord, j’aimerais bien qu’on en discute ensemble via les commentaires de cet article. Qu’on voit ensemble comment organiser tout ça et pourquoi pas que certaines personnes me rejoignent pour mettre tout ça en place et faire que ça ce passe au mieux chaque semaine.

Ensuite, il faudrait choisir une date et une heure. Les communautés anglophones que je connais font toutes ça le vendredi entre 13 et 14h. Il y a sûrement une raison que je ne connais pas !! ^^

Enfin, il faudrait voir comment organiser ce meetup: autour de questions ? ne rien préparer et rester ouvert aux questions en live ( risque d’être le bordel ) ? Faudrait penser à choisir un nom pour ce genre de RDV, trouver le bon hashtag, etc…

Donc, je vous transmets l’idée. A vous de me dire ce que vous en pensez et comment on pourrait organiser tout ça. Il faut que ça reste très simple. Je pense sérieusement que ça peut être une bonne idée, qu’il faut l’essayer et voir où ça nous mène, non ?

Et oui, depuis plusieurs mois, en compagnie de Gilles Vauvarin (alias Pixenjoy) et Thibaut Ninove, nous travaillons sur ce nouveau projet. Je parle de projet mais je devrais plutôt parler d’activité, puisque c’est bien d’un nouveau business dont on parle ici et pas simplement d’un nouveau blog comme ça a pu être le cas pour BlogalWarming.

Alors, bien sûr, vous vous doutez bien qu’avec nos différentes compétences on ne va pas ouvrir une pizzeria !! Cela dit, on se complait à laisser un certain doute sur ce que va véritablement être Peaxl. Tout ce que je peux vous dire c’est que ça ne va pas être uniquement un projet francophone, mais bien international. Pour le reste, vous en saurez de plus en plus en suivant notre compte Twitter. Vous pouvez également vous inscrire directement sur le site et nous vous tiendrons au courant dès que le projet sera lancé. Nous vous offrirons également quelques aperçus via Dribbble au fur et à mesure que le design du site se mettra en place.

Combien de temps ça va prendre ? Difficile à dire pour le moment. On travaille d’arrache pied pour que ça se fasse le plus rapidement possible, donc on espère que ça ne tardera pas trop. Cela dit, la masse de travail qui nous attend avant de mettre le site en ligne est assez conséquente, donc on ne fera pas de prédiction pour le moment !

En tout cas, on espère que ce projet vous plaira et qu’une belle communauté naîtra autour de cette idée !!

Rendez-vous à très bientôt donc !!

Ca fait un petit moment que je me pose la question moi-même ? Un web designer doit-il savoir obligatoirement savoir faire du HTML et CSS ? En allant au Paris Web en octobre dernier, j’étais assez abasourdi d’entendre tous ces intégrateurs et développeurs dire qu’ils ne bossaient qu’avec des “graphistes web” qui ne connaissaient pas du tout le web et comment ça fonctionne, qu’ils devaient constamment reprendre leur travail qui n’était que rarement intégrable en l’état… J’étais étonné parce que pour moi ça tombe sous le sens. Comment faire un site web digne de ce nom si tu ne connais pas les tenants et les aboutissants de la mise en place de ce site web.

Et hier, sur Twitter, c’est un peu la discussion que l’on a vu fleurir en provenance d’outre manche et pour laquelle les réponses étaient plutôt différentes, entre les pour et les contre… Cela dit, la plupart des arguments se tiennent. En fin de journée, par exemple, Mike Kus a écrit “sa version des faits” sur Think Vitamin, le blog de Carsonified. Et il offre un très bon exemple puisque c’est un web designer qui vient du print. Il affirme dans son article que c’est important voire primordial de connaître le HTML et les CSS quand on est web designer. Il donne 5 raisons à cela parmi lesquelles il y a la meilleure compréhension du média, forcément, aussi parce que CSS3 par exemple, offre de nouvelles possibilités visuelles, d’autres perspectives, et le HTML et les CSS en général, permettent d’avoir une vision supplémentaire du site web que l’on veut ou que l’on est en train de créer. Enfin, il ajoute également qu’apprendre HTML et CSS n’est pas très compliqué…

Ensuite, ça a été au tour de Mark Boulton de faire part de son opinion. Là, l’avis est légèrement différent. Si MB est d’accord que connaître HTML et CSS est important, ce n’est pas, pour lui, primordial. On peut être un excellent graphiste, faire un boulot formidable et pour autant ne pas connaître HTML ou CSS. Il faut dire qu’il a une expérience de web designer dans une grande structure comme la BBC et là, ce sont des équipes importantes où chacun à un rôle et où le graphiste reste graphiste. On ne lui demande rien d’autre.

Il est vrai que bien souvent il faut prendre dans quelles conditions travaille le web designer. S’il est indépendant, il va probablement être amené à intégrer lui-même ses designs, alors que dans des agences ou autres grosses structures, il sera uniquement cantonné à son travail graphique. Cela dit, ça n’empêche pas de connaître ces techniques. Personnellement, je ne comprends même pas comment on peut aimer le web design sans avoir envie de mettre le nez dans des CSS par exemple. Pour moi, c’est tellement un plus et un véritable plaisir de créer une maquette dynamique dans le navigateur, que j’ai du mal à envisager que certaines personnes puissent faire ce métier sans s’intéresser de près à ces aspects.

Je viens d’ailleurs de parler de “maquette dynamique“. Je ne sais pas si c’est le terme le plus adéquat pour parler d’une maquette réalisée dans le navigateur, mais si ces pratiques, qui arrivent avec CSS3, se développent, le métier même de web designer risque d’évoluer. Et la frontière entre web designer et intégrateur risque de se déplacer un tout petit peu ! D’ailleurs, pour moi, c’est la définition même de web designer qui est ambigu…

Enfin bref, j’aurai l’occasion de vous préparer un nouvel article sur les CSS3 et Photoshop dans les prochains jours si tout va bien. Restons ici concentrés sur le sujet qui nous intéresse !! Qu’en pensez-vous ? Est-il important pour un web designer de connaître HTML et CSS, voire même Javascript ? Ou au contraire, pensez-vous que le web designer n’est qu’un “simple” graphiste mais pour le web, et qu’il est “préférable pour tout le monde qu’il reste dans son domaine” (entendu au Paris Web… ^^ ) ?

PS: Elliot Jay Stocks vient de publier une version plus longue de son tweet !!

PS2: J’ai déposé une demande de sujet pour le prochain Paris Web sur le sujet… enfin, en partie. J’aimerais beaucoup faire une présentation sur le sujet, et notamment sur l’évolution du métier de web designer au fur et à mesure que la technologie web évolue…

Alors, le magazine prend de supers exemples comme celui de Jason Santa Maria pour ne citer que lui.

Bon, déjà Santa Maria n’est pas un rigolo ni un débutant. C’est un des webdesigners les plus réputés et les plus innovants. Et c’est vrai que si vous allez sur son blog, vous allez voir que chacun des articles est mis en forme différemment. Et personnellement, je rejoins pas mal de monde pour dire que c’est vraiment sympa. C’est à la fois beau et lisible. On apporte une partie artistique sur une page web. De là à parler d’Art dans le Webdesign, je ne suis pas celui qui franchira ce pas !

Quoi qu’il en soit, il est précurseur dans ce domaine et a été suivi par pas mal de monde comme également le très bon Gregory Wood.

Alors là, une fois de plus les articles sont superbement bien mis en valeur et en forme. Cela dit, si vous vous baladez sur son site, vous aurez, probablement comme moi, un peu de mal à vous orienter. Et c’est là où l’originalité atteint ses limites. Le site a pour moi un peu tendance à oublier le visiteur au profit du beau et du sympa…

Tout ça pour revenir à l’article de SM qui montre tous ces précurseurs comme des demi dieux pour ne pas dire des dieux tout court en mettant en forme leur article de la même manière que ces très bons webdesigners. Sauf que ce n’est pas aussi bien réussi… Au premier abord, c’est génial, et ça dépoussière les blogs. L’intention est très bonne, l’idée est fantastique mais très vite la lisibilité est difficile. Cette lisibilité est rendu d’autant plus difficile que les styles changent au fur et à mesure de l’article. On passe de fonds sombres à fonds clairs… Parfois difficile de s’y retrouver… Si c’est pour montrer différents genres ou différentes manières de mettre en forme ses articles, c’est assez réussi mais si le but était de donner un exemple, je trouve que le design ne sert pas le message. En fait, chaque style est superbe, c’est ensemble que ça passe un peu moins bien… Et certains autres très bons designers réagissent sur Twitter en montrant du doigt cet état de fait…

Donc, sur le principe l’article est très bon. Je fais partie de ceux qui pensent qu’il faut apporter de l’”art direction” dans le webdesign. On peut réaliser de très belles mises en forme pour rendre plus belles les pages web pour chaque article de son blog. Ca demande beaucoup de taf mais peut être pris comme la réalisation d’une oeuvre d’art ( quoi ? encore de l’art dans le design ??? ) sur un sujet bien particulier, le contenu de son article.

Cet article prouve que la dimension artistique est en train de se démocratiser dans le webdesign. Alors, bien sûr, est-ce qu’on doit parler d’art ? Les anglophones le font et ne se prennent pas la tête pendant des heures et des journées à savoir si le design est de l’art et vice versa. Et certains webdesigners comme ceux cités plus haut nous montrent qu’on peut apporter une dimension supérieure à son site, qu’on peut sortir des sentiers battus pour proposer un contenu dans une enveloppe unique.

Bien sûr, pas mal de monde n’aime pas. Manque de lisibilité, que ce soit par la mise en forme du texte, avec des couleurs peu lisibles par exemple, mais je peux vous dire que quand c’est bien fait, non seulement c’est lisible mais en plus c’est agréable à lire et à regarder. Le webdesign est en train d’évoluer et l’utilisation de @font-face par exemple va permettre d’aller encore plus loin… Sûr qu’il y aura des dérives, des loupés, mais nous allons dans le bon sens. Et j’aime mieux vous dire qu’en ce qui me concerne, je réfléchis à la refonte de Fran6art et que toutes ces possibilités sont certes formidables mais elles mettent également une pression énorme avec l’envie folle de présenter quelque chose de nouveau et d’attractif… J’aurai l’occasion d’en reparler prochainement puisque ça va faire l’objet d’une série de tutoriels. Maintenant, on est à des années lumière de ce que proposent les personnes mentionnées plus haut !!

Quoi qu’il en soit, que pensez-vous de cet article de SM ? Vous êtes pour sortir des structures habituelles ou pensez-vous plutôt qu’il faille rester simple pour privilégier l’information, le contenu ? Et que pensez-vous de cette incursion de cette dimension artistique dans le webdesign ? êtes-vous pour ? contre ? Merci d’avance pour votre participation !!

1. Samuel Crausaz
2. Creatix
3. Twinux
4. Vincent Dutrait
5. Patrick Volto
6. Helram
7. Das
8. Camille (Appert)
9. Chris (Christophe Fiat)
10. Gonzague Dambricourt

Je vais envoyer mes 5 invitations dans la soirée et l’ami Guillaume vous enverra les siennes également très rapidement ! Pour ceux qui ont gagné, n’hésitez pas à venir partager avec nous ici votre ressenti après avoir testé le concept, voire même à partager vos invitations si Typekit vous en donne !

A très bientôt

Francis

J’avoue avoir été surpris par ce billet, mais également par la plupart des commentaires qui l’accompagne, qui vont quasiment tous dans le même sens. Visiblement, beaucoup de personnes trouvent que les tags WordPress pour créer un menu dynamique sont complexes et ne permettent pas parfois d’arriver au résultat escompté. Je dis que j’avoue avoir été surpris parce que, personnellement, que ce soit pour un blog personnel ou pour un client, j’ai toujours tout codé pour que la navigation soit dynamique et je n’ai jamais eu aucun problème.

C’est vrai que parfois ça peut être quelque peu compliqué quand on veut choisir les pages ou catégories à afficher. Elliot, bien qu’étant “pour” un codage en dur, n’oublie pas de mentionner aussi que pour les projets clients ou pour la réalisation de thèmes “publics”, il est quand même préférable d’avoir un menu dynamique, mais que pour un projet personnel, il vaux mieux garder les choses simples et coder en dur permet souvent de gagner du temps.

Parmi les commentaires, nombreux sont ceux à penser que les CMS tendent à pousser tout le monde à vouloir faire du tout dynamique. D’ailleurs, il est parfois intéressant de voir les personnes qui veulent un CMS alors que leur contenu n’en nécessite pas un.

Alors, faut-il coder la navigation en dur ? Dans le même genre, faut-il pousser tout ça vers d’autres aspects du CMS ? Je me suis demandé en lisant ce billet si tout ça ne viendrait pas particulièrement de la famille des web designers qui ne veulent pas passer des heures à trouver le bon “snippet”, alors que pour un développeur, cette recherche serait toute naturelle.

En tout cas, ce billet a eu le don de me poser la question à moi-même et j’en profite d’ailleurs pour vous la poser: Fait-il coder plus en dur ou alors militer pour le tout dynamique ?

Cette invitation vous donne accès au service, ensuite, à vous de prendre l’offre que vous voulez, qu’elle soit gratuite ou pas.

Alors, comment gagner ces 10 invitations ? Et bien tout simplement en laissant un commentaire et les 10 gagnants seront tirés au sort en fin de semaine. Je ferai un article lundi prochain pour annoncer les chanceux ! Le “concours” est donc ouvert jusqu’à dimanche soir, minuit !

L’objectif de Cufon est le même ! Grâce à un script, vous allez pouvoir afficher la police que vous voulez sur votre site. sIFR n’est pas trop utilisé aujourd’hui sur le web parce qu’il est lourd à gérer et ne permet pas toujours d’arriver au résultat attendu. Même des personnes qui en connaissent bien le fonctionnement n’arrive pas toujours non plus à en faire ce qu’ils veulent. Qui plus est, le fait que ce soit en Flash pose d’autre soucis.

Ici, non seulement l’installation est simple mais en plus la customisation l’est également. C’est vraiment un jeu d’enfant que d’utiliser Cufon ! Principal reproche que j’y ferais est l’impossibilité de sélectionner le texte. Ca peut être génant dans certains cas, comme si vous souhaitez l’utiliser pour du texte. Mais si ce n’est que pour des titres, ça peut être très utile.

Installation de Cufon

Tout d’abord, vous allez devoir récupérer le script Cufon. Pour cela, allez sur ce site, et téléchargez le script en faisant un clic droit sur l’onglet “Download”.

Ensuite, vous allez devoir générer la police que vous souhaitez utiliser en Javascript. Pour cela, toujours sur le même site, vous allez uploader votre police, valider le fait que vous avez les droits pour utiliser la police ( The EULAs of these fonts allow Web Embedding ) et enfin accepter les termes de l’utilisation du générateur de police ( I acknowledge and accept these terms ). Vous avez également la possibilité d’utiliser différentes options, mais pour une utilisation simple, vous n’aurez pas besoin d’autre chose.

Une fois, que vous avez coché les bonnes cases aux bons endroits, cliquez sur “let’s do it”. Vous allez générer votre police en javascript. Elle sera téléchargée sur votre ordinateur.

Vous allez ensuite uploader Cufon et la police sur le serveur FTP de votre blog. Pour cela vous allez créer un dossier “js” à la racine de votre thème.

Ensuite, vous allez ouvrir votre fichier “header.php” et y saisir les informations qui permettront d’utiliser le script et la police sur votre blog. Ces informations sont les suivantes:

1
2
3
4
5

<script src="<?php bloginfo('template_url'); ?>/js/cufon-yui.js" type="text/javascript"></script>
  <script src="<?php bloginfo('template_url'); ?>/js/GeosansLight_500.font.js" type="text/javascript"></script>
  <script type="text/javascript">
            Cufon.replace('h3');
        </script>

Collez ces informations dans l’entête de votre site, donc dans la balise “head”. Ici, on donne l’URL du script ainsi que celle de la police. Et ensuite, nous souhaitons remplacer la police actuelle sur les titres “h3″ par la police téléchargée ici. D’où la dernière ligne “Cufon.replace”.

Voilà ! C’est tout ce qu’il y a à faire ! Si vous avez déjà tenté d’utiliser sIFR, ça doit vous paraître incroyablement simple !! Une fois le script installé, il ne vous reste plus qu’à utiliser le style prévu pour la balise h3, dans votre feuille de style.

Quelques soucis avec Internet Explorer ?

Comme d’habitude, Internet Explorer vient semer la zizanie !! Dans certains cas, il y aura un temps assez long pour générer le texte. Pour remédier à tout ça, vous n’avez qu’à insérer la ligne de code suivante juste avant la fermeture de la balise “body”, dans le fichier index.php:

1

<script type="text/javascript"> Cufon.now(); </script>

Utiliser plusieurs polices sur le même blog

Pour utiliser plusieurs polices, il suffit de faire la même démarche que précédemment, en uploadant les polices générées, et en utilisant les “Cufon.replace” en leur associant les polices voulues. L’exemple utilisé sur le site de Cufon donne ceci:

1
2
3
4
5
6
7

<script src="<?php bloginfo('template_url'); ?>/js/cufon-yui.js" type="text/javascript"></script>
        <script src=""<?php bloginfo('template_url'); ?>/jsFrutiger_LT_Std_400.font.js" type="text/javascript"></script>
        <script src="<?php bloginfo('template_url'); ?>/js/Myriad_Pro_400.font.js" type="text/javascript"></script>
        <script type="text/javascript">
            Cufon.replace('h1', { fontFamily: 'Frutiger LT Std' });
            Cufon.replace('h2', { fontFamily: 'Myriad Pro' });
        </script>

Pas très compliqué, non ?

Si votre anglais vous le permet, je vous conseille fortement ce screencast de Nettuts.com:

En tout cas, selon moi, Cufon peut être une sérieuse alternative pour utiliser d’autre polices sur le web. Quoi qu’il en soit, cette solution a ses limites et tout comme pour les autres solutions que sont sIFR ou encore @font-face, n’oubliez de vérifier à l’avance que vous avez les droits pour utiliser la police que vous voulez ! On se sait jamais !!

Si vous avez des questions, n’hésitez surtout pas à laisser un commentaire !

Kezako le FOWD ?

Le FOWD est donc une grande conférence où interviennent les plus grands web designers ou développeurs du monde anglosaxon. Et quand on sait que ce sont pour la plupart les plus influents et ceux qui font la pluie et le beau temps sur le webdesign, il y a de quoi se réjouir. Le concept se déroule sur deux journées, la première consiste en une journée classique de conférence, avec toute une série d’intervenants et la deuxième en des workshops, donc en groupe réduit ( 10/20 personnes ) qui assistent à une sorte de cours particulier sur un sujet particulier.

Première journée: les conférences

Je ne vais pas passer en revue toutes les présentations de la première journée mais plutôt vous raconter un peu ce qui m’a le plus marqué. Et à ce niveau-là, il y a plusieurs choses.

Tout d’abord, j’ai appris pas mal de choses sur le mobile webdesign, grâce à Meagan Fisher de Simplebits ( voyez déjà la référence… ). L’iPhone semble avoir été un véritable moteur pour amener les designers à développer pour les mobiles. Quoi qu’il en soit, il y a encore beaucoup à faire et encore trop peu de sites proposent une vraie version “mobile” de leur site.

Ensuite, on a parlé accessibilité, et là, j’ai pris une grosse claque. L’intervenant, non voyant, ou aveugle, comme vous voudrez, nous a montré les limites de l’accessibilité. Il est passé par une dizaine d’exemples différents, notamment avec Gmail, YouTube et j’en passe. Il utilise un synthétiseur vocal pour pouvoir parcourir les pages web et il faut bien avouer que même les plus grands sites web ne sont pas au top de ce côté-là…

Ensuite, la claque a continué avec Mike Kus, un virtuose du graphisme, qui bosse pour Carsonified, la boîte qui organise le FOWD. Lui, son combat, c’est faire en sorte que les webdesigners s’éloignent quelque peu de la sphère développement pour s’approcher un peu plus du “print”. Et tout ça pour faire passer le message que si chaque webdesigner pensait son site comme pour le print, alors les sites web seraient plus sympas !! ^^ Je caricature quelque peu mais je crois qu’au fond de lui c’est le véritable message qu’il veut faire passer… Voyez un peu les slides qu’il nous a pondu…

Et encore, à la fin de sa présentation, il nous a montré une vidéo de 3 minutes montrant la production de ses slides sur Photoshop, de quoi en faire palir plus d’un !! Matez donc ça:

Cliquer ici pour voir la vidéo.

Ensuite, après une pause, on a eu le droit à un speech de Mr Mark Boulton. Je dis Monsieur, parce que pour moi c’est un très grand et très bon. Il a une vision du métier que je trouve très pertinente, basée autour du graphisme. Sa présentation tournait autour de la typographie et du fait que pendant trop longtemps, on l’a ignoré au profit des images par exemple. Selon lui, aujourd’hui les choses changent et pas mal de designers semblent prendre la typographie comme un élément central d’un site web. Il en a profité pour prendre différents exemples de polices en expliquant celles qui sont adaptées au web et celles qui ne le sont pas. Par exemple, saviez-vous que Times New Roman était une police crées au départ pour être imprimées sur du papier de mauvaise qualité ou l’encre aurait tendance à s’étaler ? C’est pour ça que les “jambes” des lettres sont très fines et que donc elle n’est pas adaptée au web…

Ensuite, tout au long de la journée, on a alterné entre bonnes et moins bonnes présentations… jusqu’à celle de Molly Holschlag, la grande prêtresse des standards web ! Elle repris en quelques slides où en était les pratiques en termes de technologies ( CSS 2.1, CSS3, Javascript, etc… ) pour nous emmener sur les chemins à venir des standards du web. Même si je n’y ai pas appris grand chose, Molly a l’air tellement passionné par ce qu’elle fait, qu’on est vraiment à son écoute et qu’au final on est convaincu par son discours. Nul doute qu’au niveau des standards, les choses évoluent dans le bon sens. Elle a fait un petit apparté sur les navigateurs en tapant une nouvelle fois sur Internet Explorer 6, tout en soulignant que la solution n’était pas de ne plus le prendre en compte, et que pendant encore quelques années, il faudrait faire avec…

La journée s’est terminée dans un bar “disco” de Picadilly Circus où, Bastien Labelle et moi avons pu faire la connaissance de notre père à tous !! ^^

Deuxième journée: les workshops

Cette journée est articulée en deux demi journées, avec donc, 2 workshops, un le matin et un l’après midi. Une dizaine de ces workshops vous sont proposés au moment de l’inscription et en ce qui me concerne, j’ai choisi celui sur ExpressionEngine et celui sur la création d’un portfolio par Elliot Jay Stocks.

Building Beautiful Websites with ExpressionEngine, par Jamie Pittock

Voici la fiche descriptive du workshop sur ExpressionEngine:

Workshop FOWD sur ExpressionEngine

Pour ceux qui ne connaissent pas ExpressionEngine, sachez que c’est un des CMS les plus en vue en ce moment. Très peu connu en France, allez savoir pourquoi… Il connaît un grand succès en Grande Bretagne mais aussi aux US et dans quelques pays européens pour qui l’anglais n’est pas un obstacle !! , du style Pays-Bas, Belgique ou encore Allemagne…

Je voulais assister à ce workshop car je m’intéresse beaucoup à EE et pour l’avoir utilisé quelques temps, je voulais en savoir un peu plus sur comment créer un thème. Ca me permettait de faire la comparaison avec WordPress. Malheureusement, le niveau était trop élevé pour moi. Le gars qui faisait le workshop est vite tombé dans la facilité et devant l’expertise de certaines personnes, a préféré faire un workshop pour que ce soit intéressant pour eux… Du coup, j’ai été vite largué.

Quoi qu’il en soit, j’ai appris pas mal de choses !! Et notamment le fait que l’architecture de EE permet de créer des thèmes beaucoup plus flexibles que sur WordPress. Ca peut paraître bizarre quand on sait que WP est super flexible. Mais là, l’utilisation des modules permet vraiment de faire ce qu’on veut, et comme on veut. Le seul souci je trouve, c’est qu’il faut quand même toucher en PHP, ce qui n’est pas mon cas, pour le moment !! Autre inconvénient, c’est que c’est largement moins intuitif pour l’utilisateur “Lambda”. De ce côté-là, WordPress bat tout le monde…

Effective ways to raise your profile in the web design industry, par Elliot Jay Stocks

Workshop FOWD par Elliot Jay Stocks

Autant vous dire tout de suite, je suis un grand fan d’Elliot Jay Stocks. Je suis d’ailleurs en train de lire son livre qui est vraiment très bien fait !! J’aurai d’ailleurs l’occasion de faire un article dessus…

ce qui me plaît dans ces workshops, c’est la possibilité de rencontrer des gars qu’on suit sur le web et de les avoir comme “profs” pendant quelques heures. On est environ 20 par workshop, donc on a vraiment l’occasion de discuter, ce que je ne me suis pas gêné de faire !! Elliot est une personne très accessible.

Pendant ce workshop, on a fait un peu le tour de ce qui se fait de mieux en matière de portfolio sur Internet. On a noté les avantages et les inconvénients de chacuns et Elliot nous a permis de bien cerné ce qu’il faut faire pour bien mettre en avant son expertise et ses références. Ca a été très intéressant pour moi parce que je suis en train de penser au redesign de fran6art qui va accueillir mon portfolio. Et oui, pas mal de choses vont changer !! Donc, j’avais vraiment très envie de sortir de là avec plein d’idées en tête, ce qui a été le cas.

On a aussi parlé “branding” et j’ai été agréablement surpris de voir que ce que prône Elliot en matière de communication est ce que je fais depuis l’année dernière, et ressemble à s’y méprendre au “job” de blogueur: écrire des articles, commenter sur les autres blogs, se faire connaître avec des articles qui vont attirer du monde, etc… Et puis, il est allé plus loin en disant que le branding passe aussi par des publications, ce qui est aussi mon cas avec le livre sur WordPress, le DVD de formation et très prochainement, des articles dans la presse spécialisée.

Elliot a aussi parlé référencement, et j’y ai appris une chose très intéressante: SEO IS BULLSHIT !! . En gros, le référencement, c’est de la daube !! Il a expliqué que les meilleurs clients sont ceux qui viennent parce qu’ils veulent travailler avec vous et non pas parce qu’ils vous ont trouvé via Google. C’est un fait que j’ai déjà remarqué sur plusieurs articles. Les meilleurs clients sont ceux qui viennent vers vous parce qu’ils veulent bosser avec vous. Et c’est très important quand on bosse en freelance d’avoir des clients sympas !! Cela ne veut pas dire que tous ceux qui veulent bosser avec vous sont sympas, mais qu’au moins, il y a plus de chances qu’ils le soient plus que ceux qui vous trouvent via Google et qui auront contacté en tout une 20aine de webdesigners… A méditer…

Donc, un très bon workshop, qui m’a permis surtout de voir comment mieux me positionner, quel avenir donner à fran6art et surtout comment en tirer profit.

Conclusion

FOWD - Auteur: Christiaan Arthur Hemerik (flickR)

Pour moi FOWD était une révélation. Je n’y étais jamais allé et j’ai été épaté par tous ces talents. Je me sens très proche de ce qui se fait outre-manche et donc j’en ai pris plein les yeux. Ca m’a permis aussi connaissance avec pas mal de monde et notamment quelques irréductibles gaulois, tels que Bastien ou encore Jean-Baptiste, qui sont vraiment très sympas, et avec lesquels on a peu avoir de très bonnes discussions, comme par exemple, l’absence des professionnels français à ce genre d’événements…

Bref, tous les ans, vous êtes sûrs de me retrouver à Londres pour le FOWD !!

Ca fait maintenant un petit moment que je travaille “dans les CMS” et comme vous le savez, plus particulièrement sur WordPress. Et il y a une chose qui revient constamment au niveau de mes projets, c’est le fait que les clients pensent souvent que d’utiliser un CMS va considérablement leur simplifier la vie. D’un côté ce n’est pas faux, mais partant de ce principe, ils se sentent parfois pousser des ailes et demandent des choses qu’ils n’auraient pas demandé d’ordinaire, tout simplement parce qu’ils pensent que WordPress va le faire, et qui plus est facilement, voire automatiquement.

Alors, à chaque fois, je dois faire un bref résumé de ce qu’est un CMS et montrer que s’ils vont pouvoir gérer facilement le contenu, il en est différemment de la structure. “Oui mais avec les widgets, on peut tout faire !”, qu’on me dit… Et là, faut pas trop me chauffer avec les widgets !!

Un CMS, comme son nom l’indique est un outil qui permet de gérer au mieux le contenu d’un site web, d’où “Content Management System”. Ce qui veut dire que le client pourra modifier comme il le souhaite le contenu de son site, ça n’entraînera pas de modifications de la structure et du design. Mais parfois, le client veut pouvoir également faire évoluer le design. Chose qu’il n’aurait jamais penser faire avec un site en HTML. Et là, forcément, il arrive qu’il casse tout. “Pourtant ça semblait tellement simple…”. Et c’est là que l’erreur est commise. Penser que prendre un CMS tel que WordPress par exemple, va vous permettre de tout contrôler. Encore là, si vous maîtriser les CSS et le PHP, pas de soucis, mais c’est le cas aussi pour les sites statiques. Mais vous ne pourrez pas tout contrôler et modifier si vous n’êtes qu’un simple utilisateur.

Alors, il faut se battre avec les cahiers des charges et essayer de comprendre ce que veut le client pour arriver à lui proposer une solution simple et qu’il pourra modifier lui-même sans toucher au code. Et c’est parfois difficile de l’amener sur cette voie. J’ai même eu un client, qui se reconnaîtra peut-être s’il lit le blog, qui a fait marche arrière à la fin du projet en ce rendant compte que ce qu’il voulait serait trop compliqué à gérer.

Tout ça pour dire qu’utiliser WordPress, c’est fantastique. Ca permet de prendre en main un site et d’y coller le contenu que l’on veut ( n’oublions pas que c’est le coeur même d’un blog… ). Mais il faut également savoir que faire évoluer le design sera identique à un autre type de site. Qu’il faudra intervenir au niveau du code et que ça, un CMS ne le permet pas quand on est simple utilisateur. Que plus vous créerez un site compliqué et plus il vous demandera de la gestion et de la maintenance au quotidien. C’est valable pour les entreprises mais aussi pour nous blogueurs. Adoptez un thème magazine et vous verrez que vous passerez deux fois plus de temps à gérer votre blog !!

Donc, non, adopter WordPress ce n’est pas du tout automatique. Ca simplifie largement la vie, ça permet de transformer un site statique en une véritable arme de communication. Mais ce n’est pas parce que vous aurez cet outil en main que vous pourrez tout faire et surtout tout faire tout seul !

Sur la planète web, il existe des blogs qui sortent de l’ordinaire. D’ailleurs, les personnes qui les conçoivent ne sont, généralement, pas des inconnus non plus ! Mais, quand on voit l’originalité dont font preuve certains, ça peut clairement nous donner des idées et donner un peu plus de visibilité à une page qui n’apporte que peu de visites. Alors, certains ont utilisé toute leur créativité pour permettre aux articles d’être un peu plus mis en avant. Voici donc 3 sites qui ont retenu mon attention et que je me devais de partager avec vous !!

Jason Santa Maria

Déjà, chez ce webdesigner très connu ( et qui a participé au design de la dernière identité visuelle de WordPress ), la page d’archives ne s’appelle pas “archives”, mais “articles”. Ce qui est déjà plus intéressant pour le visiteur je trouve… Ensuite, sa mise en page est pour moi très pertinente et créative.

A gauche, il nous colle les derniers articles, avec une image de l’article qui va pointer vers son permalien… Pourquoi pas non ? Ensuite, à droite, on va retrouver tous les articles, selon différents critères, comme les catégories, les tags, ou plus classiquement, par mois ( essence même des archives ). C’est propre, précis et je trouve très “user oriented”.

24 ways

Encore là, un site créé et “tenu” par des designers qui ont pignon sur rue !! Mais sur ce site, la principale originalité est que les créateurs ont imaginé afficher les archives directement sur chaque page. Vous avez en haut une barre horizontale affichant les années et sur le côté à gauche une autre affichant les jours. Pas besoin des mois puisque c’est un blog qui n’est tenu qu’en décembre et qui fait office de calendrier de l’avent pour les webdesigners !

Je trouve l’exercice vraiment très pertinent et qui permet de surfer simplement et rapidement dans les archives du blog. Un concept intéressant qui mérite d’être développé…

Shaun Inman

Certains d’entre vous ont peut-être déjà entendu parler des archives de Shaun Inman. Mon ami BurningHat en a déjà parlé il y a quelques temps où il expliquait comment reproduire le même schéma. Quelques jours plus tard, il nous présentait un plugin qui fait exactement la même chose.

Ici, le concept est d’afficher ces archives sous forme de tableau. S’en suit l’ouverture de la page du mois demandé avec une mise en page assez originale et créative. Sur sa page d’archives, Shaun propose également toute une série de liens basé sur des tags et pour lesquels il propose un bref descriptif. Encore, l’idée est très intéressante. On pourrait parler d’”asides” ici, de courts articles qui sont présents mais qui ne figurent pas dans les archives directement…

Conclusion: mettez en valeur vos archives ( et vos articles !! )

Bien trop souvent, les archives des blogs, tout comme la plupart des articles, tombent aux oubliettes. Mis à part ceux qui sont bien référencés, le reste disparaît inévitablement. Mais peut-être que si les choses étaient présentées différemment, l’internaute irait encore un peu plus loin dans sa recherche. Je n’utilise que très peu les archives, préférant les formulaires de recherche, mais je reste convaincu qu’elles peuvent être très utiles si elles sont suffisamment mises en avant. Maintenant, reste à savoir quoi faire et comment faire. L’idée de 24ways est très bonne. Les archives sont présentes. Le fait que le blog ne publie qu’en décembre facilite la navigation, mais qu’en serait-il s’il existait toute l’année ?

Par contre, l’idée de Jason Santa Maria de ne proposer que peu d’articles en homepage et de proposer un onglet pour rechercher les autres articles, accédant ainsi aux archives est très judicieux. On a souvent tendance à vouloir en coller un max sur la page d’accueil, ce qui asphyxie bien souvent le visiteur. Pourquoi ne pas penser différemment ?

Bref, ce ne sont que quelques pistes de réflexion mais qui ont le mérite d’exister et qui font preuve de créativité ! Mais quel serait selon vous, un bon axe d’approche pour mettre en valeur les articles “passés” d’un blog ?

Ca fait vraiment trop longtemps que je promets la suite des tutoriels de webdesign sans rien apporter… En fait, la raison en est simple. Je souhaitais utiliser le projet BlogalWarming comme exemple pour ces tutoriels. Pour ce projet, je suis parti des tutoriels que j’ai fait pour la création d’un thème WordPress, et j’ai ensuite déroulé en fonction de mes besoins et de mes envies. Je trouve que c’est plus simple et plus intéressant de travailler à partir d’un exemple concret.

J’ai donc conçu BlogalWarming en pensant aussi à ces tutoriels. Le site possèdera donc une riche panoplie de fonctions WordPress que je détaillerai ici en tutoriels. On y parlera bien entendu design et comment j’ai pensé l’interface, comment je l’ai conçu sur Photoshop et ensuite intégré en XHTML et CSS. Vous aurez droit à tout le processus de réflexion en amont jusqu’à la réalisation finale.

Les tutoriels seront réalisés pour que vous puissiez les utiliser sur votre propre blog. Je ne vous demanderai pas de refaire BlogalWarming comme on a pu le faire dans la première phase, mais plutôt vous donner les fonctions, les informations, que vous appliquerez à vos projets de thème.

Avant de commencer ces tutos, je vais déjà mettre BlogalWarming en ligne et ensuite, je pourrai m’y attaquer. Encore toutes mes excuses pour ces délais interminables !

le 21 Août 2007 j’écrivais un article sur le blog action day où je parlais de l’idée d’un blog tenu par des blogueurs dont le sujet serait l’environnement. On est tous concernés et je me disais que ce serait une bonne idée que de faire quelque chose avec ce qu’on connaît le mieux: communiquer sur le web.

L’idée a fait son petit bout de chemin et en Octobre 2007, je créais un Google Groupe pour former une équipe autour de ce projet. J’achetais le nom de domaine et commençais à préparer une maquette.

Et puis ma fille est arrivée, j’ai pris quelques mois de vacances et je suis devenu webdesigner freelance à 100%…

Tout ça nous a amené à la fin de cet été… Vous vous doutez bien qu’une partie de l’équipe ne croyait plus au projet… Ca a d’ailleurs été ma plus grosse erreur de monter une équipe avant que le projet soit bouclé…

Quoi qu’il en soit, je ne souhaitais pas abdiquer et j’ai tenté de faire de mon mieux, entre ma vie personnelle très chargée et mon emploi du temps compliqué, pour prendre le temps de mettre en place le projet.

Et je peux vous dire que maintenant tout est prêt… ou presque ! Le site est prêt en tout cas. Il ne reste plus qu’à reformer une équipe. Nous sommes aujourd’hui une petite dizaine, toujours prêts à nous investir malgré le peu de temps que nous avons. On ne se fixe pas d’objectifs ni de contrainte.

Ce projet, ce blog, sera notre moyen de contribuer à notre façon pour aider la planète. On y parlera de tout et surtout du quotidien, de ce que l’on peut faire chaque jour pour améliorer l’environnement. Et comme un blog c’est surtout un carnet d’expériences, on essayera de transmettre nos propres actions, nos propres petits trucs.

Donc, si le projet vous intéresse, n’hésitez pas à me le faire savoir. On est jamais trop nombreux pour agir. On ne demande pas une présence quotidienne, mais juste une envie de partager votre vision de l’écologie, du bio, du réchauffement climatique, sur des sujets aussi variés que l’automobile, l’habitat, l’énergie, la nourriture et j’en passe.

Dans ce projet de blog, il y a aussi un autre projet: présenter des associations et tenter de les aider de notre mieux. Nous ferons probablement appel à des annonceurs dont la totalité des recettes seront reversées à une association que vous aurez choisie, par vote. Et cette rétribution se fera de manière régulière.

Bref, pourquoi ne pas utiliser le blogging pour essayer de faire quelque chose ? Qu’est-ce qu’on a à perdre ? N’hésitez pas à venir nous rejoindre et contribuer à ce projet !

Pour terminer, voici quelques screenshots rapides du site: Le projet s’appelle BlogalWarming et ouvrira ses portes très très prochainement. Je vous communiquerai la date la semaine prochaine !

La plupart d’entre vous ont forcément vu cette news il y a quelques jours mais je ne pouvais pas faire autrement que de relayer l’info pour les autres. Cet article de Smashing Magazine est peut-être le plus important de tous les articles à bookmarker si vous êtes fan de WordPress et que vous aimez trifouiller son code (petits pervers !! ) pour réaliser de belles pour votre thème.

Bien entendu, une bonne partie de ces ressources sont connues et reconnues mais on y trouve tout de même quelques perles sorties de derrière les fagots qui pourront toujours s’avérer utiles à un moment ou à un autre…

Ce que j’adore dans les articles de Smashing Magazine, c’est cette capacité à condenser tout ce qu’on doit savoir sur un sujet en un seul article. Vraiment du très bon travail !!