Le Potlatch

Aller au contenu | Aller au menu | Aller à la recherche

Balise - webdesign

Fil des billets - Fil des commentaires

lundi, 20 juillet 2009

Des dégradés sans image avec Firefox 3.5 (et CSS 3)

Arc en ciel

L'implémentation de -moz-box-shadow par Firefox 3.5 nous promet de belles heures d'amusement. Non seulement elle permet de créer une ombre portée sur un bloc, mais, associée aux couleurs RGBA (avec alpha-channel) et à la propriété inset, elle vous autorise à créer des ombrages internes subtils sans recourir à des images. Exemples et explications...

Lire la suite...

vendredi, 19 juin 2009

Apprenez à ne pas donner aux associations avec Gauthier

Gauthier n'aime pas donner. Il vous explique ses techniques pour échapper au don dans des vidéos débiles :

Découvrez Gauthier sur le site jaimepasdonner.com

Gauthier est un personnage créé par des étudiants des Gobelins pour accompagner le lancement du site Acteurs de la Solidarité que nous avons réalisé. Grande fierté, le projet Acteurs de la solidarité  a été récompensé par le prix de l'innovation en fundraising (prix de la campagne Internet). Soutenez les associations du Groupe SOS sur Acteurs de la solidarité, la plateforme de mobilisation du Groupe SOS

jeudi, 16 avril 2009

Je recrute un Webdesigner/intégrateur Web en CDD (5 mois) sur Paris

Dans le cadre d'un projet de refonte des outils de communication en ligne du Groupe SOS, je recrute un designer web/intégrateur entre fin avril et fin septembre 2009. Il s'agit d'un contrat à durée déterminée situé à Paris (11e).

Lire la suite...

jeudi, 22 janvier 2009

Afficher un compteur sous forme de jauge en HTML

Pour afficher de manière graphique un chiffre qui évolue entre une valeur minimale et une valeur maximale, la jauge est un outil très pratique. A l'image du thermomètre, elle est compréhensible du premier coup d'oeil et sa mise en oeuvre en HTML est d'une simplicité enfantine. Explications.

Lire la suite...

jeudi, 23 octobre 2008

Le retour des tables HTML via CSS (la guerre est finie)

Le retour des tables

On vous disait depuis des années que les tables, c'était pas bien pour la mise en page. Eh bien aujourd'hui, Digital Web Magazine, ardent défenseur du web sémantique et du positionnement en CSS nous donne une nouvelle leçon : les tables sont de retour. Une chance d'en finir avec l'un des casse-têtes les plus complexes que les webdesigners ont rencontré depuis l'abandon des tables de layout.

Lire la suite...

lundi, 25 août 2008

Comment perdre vos clients grâce à un nouveau design : la parabole de la ligne 13

Le nouveau métro ligne 13

Permettez-moi une embardée dans la vraie vie pour étudier un cas d'école qui pourrait aussi bien s'appliquer à un site Web : la remise à neuf des rames de métro de la ligne 13 à Paris. Un exemple typique de downgrade du produit. Je voudrais juste comprendre comment on en arrive là. Pourquoi avoir dégradé ce qui fonctionnait ? Pourquoi pourrir la vie des usagers ?

Lire la suite...

samedi, 16 août 2008

Et toi tu fais quoi dans la vie ? (entretien avec un webdesigner)

Traduction d'un schéma très rigolo publié en anglais sur le site monster-munch.com :

Et toi tu fais quoi dans la vie

Dans la série, j'ai souvent eu à écouter les problèmes de Freebox de mon interlocuteur ("ah t'es dans l'informatique ? ça tombe bien...").

vendredi, 25 juillet 2008

Comment référencer un site professionnel sur Google : oubliez les meta tags

Un lecteur webmaster m'a consulté sur la manière d'optimiser un site professionnel pour le référencement. Il a, comme c'était expliqué dans les manuels de l'an 2000, défini tous les meta-tags mais son site ne sort pas dans les résultats de recherche. Et contrairement aux blogs qui intègrent dans leur moteur les règles de SEO (optimisation pour les moteurs de recherche), un site créé à la main va demander un grand nombre de modifications pour gagner en visibilité.

Lire la suite...

mardi, 15 juillet 2008

Tutoriel : créez une FAQ accessible et facile à mettre à jour avec JQuery

Dérouleur de FAQ JQuery

A l'heure de mettre en ligne une FAQ qui devra être mise à jour par un néophyte, je me suis posé la question suivante : comment concilier la souplesse de mise à jour avec le dynamisme de javascript ? Simple : créer le HTML d'abord, et laisser JQuery animer le tout.

Lire la suite...

jeudi, 6 mars 2008

Antispam pour les commentaires de blog : un Captcha sans images

Captcha antispam pour blog

Les spams dans les commentaires de blogs sont une plaie. Divers tests de Turing (aussi appelés Captchas) visent à séparer les robots des êtres humains, allant de l'image plus ou moins lisible au questions les plus absconses (« quel est le troisième chiffre dans la chaîne 012345 (en chiffres) ? »). Voici une méthode, simple et, d'après mon expérience, plutôt efficace pour tromper les spammeurs. Explications.

Lire la suite...

samedi, 19 janvier 2008

Des tableaux de données simples, standards et lisibles en CSS et PHP

Même si leur usage a été banni dans la mise en forme de pages au profit des DIV, les tableaux sont un outil de choix dès qu'il s'agit d'afficher des données sous forme de lignes et de colonnes. Il reste cependant difficile de créer des tableaux lisibles et conformes aux standards. Voici un condensé de bonnes pratiques pour styler vos tableaux, qui n'a rien de révolutionnaire mais vous fera peut-être gagner du temps.

Lire la suite...

mercredi, 29 août 2007

Tendances Web 2007 : 60 palettes de couleur élégantes pour vos sites Web

Peintre en bâtiment imitant une palette Web 2007

Concevoir une palette de couleurs est un exercice délicat. Pour ceux qui, comme moi, n'ont pas le talent inné d'associer les couleurs, cette liste de palettes issue des plus beaux sites du Web pourra fournir une source d'inspiration attrayante pour leurs designs Web.

Lire la suite...

samedi, 18 août 2007

10 outils pour analyser votre site Web

Outils d'analyse : ce ne sont pas des Sex Toys (source www.stretching.com)

Toujours à la pointe, Smashing magazine vous propose une collection de sites qui évaluent, analysent et décortiquent votre site Internet. Un peu comme le bon vieux "validateur" HTML du W3C, sauf que ceux-ci vont beaucoup plus loin en évaluant l'usabilité de vos pages, l'optimisation pour les moteurs de recherche (SEO ou Search Engine Optimization), leur PageRank Google, vos scores sur Alexa, Technorati et autres, les performances de votre site ou encore le profil de vos visiteurs (où l'on apprend que le Potlatch sera a priori visité à 59% par des mâles et 41% par des femelles, pour une tranche d'âge majoritaire de 18 à 24 ans). Tout cela est en anglais, mais rien d'insurmontable pour les metteurs en toile (webmasters) polyglottes que vous êtes.

L'article 10 designer checkpoints to be aware of

mercredi, 25 juillet 2007

Vos utilisateurs buggent ? Quelques pièges à éviter dans vos applications en ligne

Salle des machines : le tableau de bord du technicien

A mesure qu'il s'immisce dans tous les aspects de notre vie, le Web cesse d'être un joujou pour les technophiles et concerne de plus en plus des publics que l'informatique effraie, voire rebute. Il est de la responsabilité du designer de prendre en compte ces publics en repoussant l'aspect anxiogène des interfaces. Voici quelques pièges à éviter.

Lire la suite...

mercredi, 18 juillet 2007

Je recrute : un(e) webdesigner-développeur-ergonome-architecte ambitieux, communicant et souriant (IDF)

Mouton à deux têtes

Petite annonce professionnelle, pour changer. Mon Matthieu préféré s'en va vivre de nouvelles aventures et il emporte avec lui toute une panoplie de compétences. Ce Matthieu là constituait avec moi-même une équipe de développement interne dans un grand groupe d'associations. Je cherche donc le mouton (ou la brebis) à deux têtes pour un CDI à La Plaine Saint-Denis (Stade de France).

Lire la suite...

samedi, 26 mai 2007

7 pratiques Javascript qui changent la vie

Ajax, javascript et le DOM avaient l'allure de gadgets peu fiables

A l'époque où le mot Ajax évoquait encore un produit d'entretien, où le DOM était un territoire d'outre Web, et où l'idée de faire des applications dynamiques sur le Web paraissait extrèmement utopique, Javascript avait l'allure d'un gadget peu fiable. Il ne me serait jamais venu à l'esprit que ce langage soit évolué, stable et puissant. Et que son apprentissage soit aussi semé d'embuches... Après des mois de pratique intensive et d'arrachage de cheveux, voici quelques-uns des trucs que j'ai appris.

  1. La fonction $()
  2. L'objet littéral
  3. JSON
  4. Yahoo UI (ou autre framework)
  5. La capture d'évenements
  6. Le Javascript gzippé
  7. Les outils de débuggage

Lire la suite...

mardi, 1 mai 2007

Nouvelle page portfolio sur le Potlatch

Il y a longtemps que ça me démangeait, j'ai donc décidé de dévoiler le musée de mes réalisations en matière de Web. La liste n'est pas complète mais c'est assez agréable de voir le chemin parcouru. Ça se visite ici.

dimanche, 29 avril 2007

Les hommes visent l'entrejambe

Une étude passionnante nous révèle en une image les secrets des obsessions masculines inconscientes. L'article étudie le chemin parcouru par l'oeil du visiteur sur différents types de contenus (texte, images...) pour juger des zones "chaudes" et "froides". Et le résultat est assez édifiant.

Lire la suite...

mercredi, 25 avril 2007

Vers un développement Web durable

On voit émerger une tendance diffuse dans l'évolution du développement Web. On dirait que ce domaine se convertit au développement durable. On doit déjà se prendre le chou avec les économies d'eau ou trier ses ordures, et il faudrait en plus faire des économies de Web ? Petit tour d'horizon.

Lire la suite...

jeudi, 5 avril 2007

Les associations aussi ont droit aux tags !

Le site Interdépendances vient de sortir de nos fourneaux. En plus d'un design épuré et plutôt sexy, il va servir de terrain d'expérimentation auprès du grand public via l'usage de tags et autres techniques modernes de navigation.

Lire la suite...

- page 1 de 2