Le Potlatch

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

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

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

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

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

1er décembre : le sida aborde avec confiance l'année 2009

En ces temps de crise, n'oublions pas l'une des épidémies les plus meurtrières qui sévit dans le monde : le sida.

Vous pouvez agir en faisant un don, même de 5 ou 10 euros, à une des nombreuses associations qui luttent depuis des années.

Recharger le cache CSS ou JS à chaque mise à jour des fichiers

Rien à cacher

Votre site accueille des visiteurs réguliers et vous devez modifier une feuille de style CSS ou un script JS. Problème : ces fichiers sont mis en cache sur le navigateur (côté client), et les utilisateurs risquent de ne pas bénéficier des modifications avant plusieurs jours. Ou pire, pour peu que le source HTML ait changé, l'affichage sera illisible ou les fonctions totalement inutilisables ! Voici une solution simple qui ne demande qu'une ligne de PHP et se mettra à jour automatiquement par la suite.

Lire la suite...

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

Antisociaux : les 10 pires profils pour les réseaux sociaux

Profils d'antisociaux

Dans la création d'un réseau social, le plus difficile, ce n'est pas de convaincre les gens les plus sociables, mais de convaincre les autres, les réticents, les réfractaires... en un mot, les antisociaux. Timides, intellectuels, paranos, dépressifs... Si l'un ou l'autre de ces profils fait partie des cibles que vous visez, il va y avoir du boulot !

Lire la suite...

En vrac : la fin de la longue traîne ?

Mais aussi : le nouveau site de Meteo France, animation jQuery contre Flash, fontes personnalisées en CSS, etc.

Lire la suite...

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

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

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.

Lire la suite...

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

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

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

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

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

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.

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

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

- page 1 de 3