Le Potlatch

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

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

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.

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.

Lire la suite...

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.

Lire la suite...

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

Développeurs Web : c'est le moment de demander une augmentation

Le moment est venu de flamber en décapotable

Je parcours les forums d'emploi et j'avais rarement vu autant d'offres et si peu de demandes. C'est la pénurie de développeurs ! Du coup, fini les stages de 6 mois sous-payés : les rémunérations risquent d'augmenter et notre rôle semble de plus en plus pris au sérieux. Pour combien de temps ?

Lire la suite...

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

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

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

Le marketing est un humanisme

Entrer dans le cerveau des gens

Ou comment garder bonne conscience en se comportant comme un salopard ? Je pratique le marketing sur le Web. A savoir la tentative de manipuler autrui via les nouvelles technologies pour promouvoir des produits. Suis-je devenu un de ces salauds que j'exècre, ces commerciaux bien rasés qui sonnent à la porte des mamies pour leur vendre des portails automatiques ? Non, moi monsieur, c'est par amour de l'homme que je le fais.

Lire la suite...

Tout ce qu'il faut savoir sur le PageRank Google (traduit de l'anglais)

L'honorable Smashing Magazine publie Google PageRank: What Do We Know About It ?, une étude bien documentée sur le thème du PageRank Google qui devrait clarifier les choses et couper court aux spéculations. L'article est très long, mais répond à bon nombre d'interrogations. Pour les moins anglophones d'entre vous, en voici une traduction.

Lire la suite...

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

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.

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

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

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

Habillage Web : le Potlatch se fait belle

Après plus d'un an de pérégrinations dans la même peau blafarde, le Potlatch se sentait un peu nu. Une injection de Botox Photoshop, une cure amincissante pour raffermir pour le logo, quelques mètres de tissus bigarrés, un bon coup de ciseaux CSS, et hop ! Une robe du soir toute neuve ! C'est quand même plus classe, un blog habillé.

Lire la suite...

Quelle est la meilleure architecture pour votre site Web ?

La syntaxe du HTML a peu évolué depuis une dizaine d'années. On peut même constater depuis quelques temps un retour aux sources avec le balisage sémantique. A contrario, l'architecture des sites a profondément changé. Aujourd'hui, le webdesigner dispose de nombreuses options pour structurer son site sans s'arracher les cheveux à le maintenir et le faire évoluer. Je vais évoquer les méthodes les plus fréquentes.

Lire la suite...

Les péchés capitaux du Webdesign : tout mettre sur la page d'accueil

Tout webdesigner expérimenté a déjà vécu cette transformation douloureuse : au premier jour il élabore une délicate maquette aérée, taillée comme une pièce d?orfèvrerie. Et puis au fil du temps, elle s?enrichit et s?empâte, jusqu?à devenir ce capharnaüm exubérant au lancement du site. A force d'empiler les couleurs, les effets, les typos et les logos, le client obtiendra cette apparence de richesse qui lui fait plaisir, mais aura perdu toute la pertinence d'un design équilibré et efficace.

Lire la suite...

Le passage à IE 7 va coûter cher. Envoyons la facture à Microsoft !

Internet Explorer 7 va sortir dans quelques jours. Il va falloir refaire de nombreux sites. Qui va payer la note ? Le client ? Le webdesigner ? Pourquoi pas Microsoft, au fait ?

Lire la suite...

- page 2 de 3 -