Le Potlatch - logo

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

Webdesign :: 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...").

Webdesign :: samedi 26 juillet 2008

Yahoo UI vs JQuery : quel framework Javascript pour vos applications Web 2.0 ?

Yahoo UI et JQuery sont deux frameworks Javascript qui simplifient la gestion d'Ajax, la mise en place d'interfaces clients riches et les interactions au sein des pages Web. La ressemblance s'arrête là. Car c'est un peu comme si on comparait une multinationale à la start-up du coin (comme leurs créateurs d'ailleurs). A ma gauche, YUI, solide, bien structuré, dont chaque extension est calibrée à la ligne de code près ; à ma droite, JQuery, rapide, dynamique, et doté d'une armada d'extensions de qualité très variable. Petite revue de détail.

> Voir la suite

Webdesign :: 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é.

> Voir la suite

Webdesign :: 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.

> Voir la suite

Webdesign :: samedi 28 juin 2008

Nouveau design enrichi : le Potlatch prend le large

Billet rapide pour fêter la nouvelle version du Potlatch. Nouveau design sur 3 colonnes, pour mettre plus de choses et s'adapter à l'agrandissement des écrans. Le logo est plus pro et de discrets effets de transparence donnent de la profondeur - sauf sur Internet Explorer 5 qui en restera à des aplats grisâtres : il faut savoir tourner la page des technologies dépassées.

Il y aura sans doute pas mal d'ajustements et d'ajustements dans les prochains jours. Ta panta rei, ouden menei

Webdesign :: mercredi 18 juin 2008

Mur de flux RSS : vos photos classées par date

Mur de flux

On avance, on avance. Sur votre mur de flux RSS, vous pouvez désormais afficher les photos classées par jour. Vous pouvez ainsi voir en un clin d'oeil ce qui a changé depuis votre dernier passage.

Petit truc : les flux de Flickr marchent très bien.

Mon mur de flux

Votre mur de flux

Webdesign :: vendredi 13 juin 2008

Découvrez le mur de flux RSS pour voir vos photoblogs en images

Lecteur de flux RSS en images

Je vous présente mon dernier projet personnel, un agrégateur de flux RSS photo. Alors que la plupart des lecteurs RSS (Google Reader et autres Technorati) vous présenteront les informations sous forme de longs discours, le Mur de Flux va puiser dans vos flux RSS/Atom pour n'en garder que les images. Il les affichera alors une mosaïque de flux visuels.

Vous pouvez vous inscrire pour créer votre propre liste de flux qui sera consultable par d'autres internautes.

Le projet est en bêta, donc signalez-moi les bugs, flux incompatibles et autres remarques d'ordre général.

Le Mur de flux du Potlatch

Webdesign :: mercredi 21 mai 2008

Réalisation : le site de l'achat Socialement Responsable

Le site de l'insertion par l'activité économique

Je suis fier de présenter notre dernière réalisation :

Le site de l'achat socialement responsable

Un gros travail de design et d'intégration de contenus, "réalisé en un temps record" dixit Martin Hirsch, Haut Commissaire aux solidarités actives.

Je suppose qu'il n'y a pas beaucoup d'acheteurs publics ou de contribuables payant l'ISF parmi les lecteurs de mon blog, mais au cas où, n'hésitez pas à aller soutenir les structures de l'insertion par l'activité économique.

Webdesign :: dimanche 30 mars 2008

Korpus : générez automatiquement un nuage de tags pour vos textes

Générateur de tags

Le laboratoire est en pleine effervescence depuis quelques jours. Je vous propose un petit utilitaire en ligne pour tous ceux qui publient de longs articles et qui peinent à en tirer des mots-clés pertinents. Il vous suffit de copier-coller votre texte dans l'application, et WAOUH ! Un nuage de mots clés apparaît, mettant en évidence les mots les plus fréquents dans votre texte. Il vous suffit alors de cliquer pour "piocher" vos tags et de choisir un séparateur (espace, virgule, point virgule...). Petit bonus, les articles et les déterminants sont éliminés, et les mots commençant par une lettre accentuée ne sont pas reléguées à la fin comme sur les outils anglo-saxons (voire purement et simplement éliminés). Bête comme chou, mais très utile.

Testez le Générateur de tags en ligne

Webdesign :: 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.

> Voir la suite

Webdesign :: 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.

> Voir la suite

Webdesign :: lundi 14 janvier 2008

Copiez la palette de couleur d'un site Web !

L'extension ColorZilla pour Firefox permet depuis longtemps de copier-coller une couleur en survolant la page avec une pipette. La nouvelle version débarque avec une fonctionnalité géniale : analyser la page pour en extraire la palette de couleurs. Vous pourrez ainsi vous amuser à sortir les 60 palettes de couleur élégantes pour vos sites Web pour l'année 2008. Seule limitation, il extrait uniquement les couleurs des styles CSS, pas celles des images ou des Flash.

Webdesign :: samedi 29 décembre 2007

Javascript : animez vos photos facilement avec animage.js

Clic ! Clic ! Clic ! En trois photos, vous avez capturé une course folle ou une danse débile. Trois photos, c'est bien, mais ça ne rend pas le mouvement. Comment les enchaîner pour recréer cette dynamique ? Comme par hasard, voici animage.js, un script très léger qui vous permet d'animer vos images.

> Voir la suite

Webdesign :: dimanche 16 septembre 2007

Erreurs 404 : faites la chasse aux pages perdues

Source http://www.bicolline.com/in_chasses_aux_trolls_ac.html

Je suis tombé récemment sur plusieurs articles recensant les pages 404 les plus originales, créatives ou informatives. Bien que l’intention soit louable, j’ai tendance à penser que la meilleure page 404, c’est celle qu’on ne voit jamais ! Mais pour éradiquer les pages perdues, il faut d’abord les identifier. Voici une manière simple de procéder avec PHP.

> Voir la suite

Webdesign :: 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.

> Voir la suite