Articles classés dans Blockquotes »

Dotclear 2.0 RC1 est dans les bacs !

C’est la dernière ligne droite pour Dotclear 2 avec la sortie de la Release Candidate 1. La différence entre une version bêta et une RC, c’est que dans cette dernière, le périmètre des fonctionnalités est stabilisé. Par rapport à la version 2.0 bêta 7, des nouveautés ont fait leur apparition :

  • Plugin Pages intégré,
  • Nouveau thème par défaut personnalisable,
  • Amélioration de la zone de rédaction des billets,
  • Un seul bouton pour insérer différents types de média (image, son, vidéo),
  • Amélioration des tags,
  • Editeur de thème,
  • Amélioration de l’aide contextuel,
  • etc.

Une version finale pourrait sortir cet été. Si vous êtes impatient d’avoir une version finale, je vous encourage vivement à installer Dotclear 2.0 RC 1 et faire remonter à l’équipe de développement les bugs que vous auriez rencontrés. Pour vous aider, un guide d’installation ou de mise à jour est disponible. Enjoy!

.ma-classe-css vs div.ma-classe-css

En général, j’utilise la notation .ma-classe-css pour nommer les classes réutilisables par n’importe quel élément HTML. Cette notation est en fait un raccourci pour *.ma-classe-css* est utilisé comme joker universel (les tirets ne sont là que pour le référencement).

Me souvenant que le reset * { margin: 0; padding: 0; } n’était pas optimum en terme de performances, je me suis dit que l’utilisation de div.ma-classe-css (en préfixant le nom de la classe avec la balise HTML à laquelle elle s’applique) permettrait certainement au navigateur de parcourir le DOM plus rapidement en raison du nombre réduit d’éléments sur lesquels boucler.

Halte aux “Auto Tags” de Simple Tags pour WordPress !

Juste un tout petit billet pour lancer un petit coup de gueule contre la mode des Auto Tags popularisés par le plugin Simple Tag. De grâce, n’activez plus l’option scélérate qui fait croire à des informations complémentaires et qui n’est au mieux qu’une perte de temps : le visiteur est assez grand pour allez chercher lui-même les tags qui l’intéresse sans qu’on soit obligé de lui forcer la souris toutes les quatre lignes.

J’appelle donc tous les utilisateurs de Simple Tags (excellent plugin au demeurant — peut-être même le plugin le plus indispensable après Akismet…) à désactiver l’option Auto Tags. Si vous ne le faites pas pour vous, faites-le pour vos lecteurs : ils vous le rendront bien ;)

PS : Nouveau billet sur le thème magazine de A à Z en cours de rédaction : Stay tuned!

J’arrête les CSS (feuille de style) pour me mettre à Cansei de Ser Sexy (CSS)

C’est décidé : j’arrête de parler des CSS (Cascading Style Sheet) sur ce blog pour traiter exclusivement de CSS – Cansei de Ser Sexy, ce qui devrait me rapporter beaucoup plus de visiteurs et peut-être plus d’argent.

Quant à vous, public, vous n’y perdrez pas au change : je vous promet des images du groupe composé d’une palanquée de filles toutes plus sexy les unes que les autres. Mais chut… elles sont fatiguées d’être sexy ;)

PS : Comme quoi, on peut très bien insérer un player Flash pour mettre une vidéo YouTube en utilisant l’éditeur tinyMCE 3 de WordPress 2.5 :)

<meta name=”generator” content=”WordPress 2.5″ />

Premier billet écrit avec WordPress 2.5 disponible aujourd’hui même sur wordpress.org pour la VO et sur fr.wordpress.org pour la VF.

Screencast de WordPress 2.5 RC2

Avec cette Release Candidate 2, la version finale de WordPress 2.5 arrive à grand pas. Pour nous faire patienter encore un peu, Matt nous propose un screencast du Tableau de bord et de la nouvelle fonction d’upload multiple d’images.

Pour vous faire une idée plus précise, téléchargez WordPress 2.5 RC2 et inscrivez-vous à la liste de diffusion des wp-testeurs pour jeter un oeil sur les corrections de bugs en cours.

Par ailleurs, voici la liste des plugins compatibles ou non avec cette nouvelle version. Parmi les bonnes nouvelles se trouvent pas moins de 107 plugins compatibles, parmis lesquels :

Stay tuned!

Les Editions Thélès à livre ouvert

Le site web des Editions Thélès est l’occasion pour moi de montrer aux jeunes générations comment les sites web étaient “conçus” à la fin du XXè siècle. Petit florilège de code :

function MM_reloadPage(init) {  //reloads the window if Nav4 resized

Ah, le petit bout de code javascript Made in Dreamweaver qui remettait les “calques” en place lorsque la taille de la fenêtre était modifiée… (oui, à l’époque il y avait beaucoup de “calques” qui se perdaient, aujourd’hui, se sont les “claques” ^_^v)

<table width="470" border="0" cellspacing="2" cellpadding="2">
    <tr>
        <td width="19" rowspan="4">&nbsp;</td>

La mise en page avec les tableaux était également à la mode en ces temps reculés, où seul dans sa grotte, éclairé par la lumière chancelante d’un feu volé à l’orage… etc.

Tiens, comme quoi, parler des Editions Thélès me rendrait presque lyrique ;)

PS : Vous aimez le web ? Faites comme moi, apportez votre soutien à Marc Autret dans le différent qui l’oppose aux Editions Thélès !

Arrêtons-les avant qu’ils ne nous arrêtent !

Ils en parlent :

PS2 : Pour pouvoir bloguer l’esprit tranquille, je vous invite à jetter un oeil sur ces billets de Maitre Eolas, avocat, concernant l’attitude à adopter à la réception d’un courrier d’avocat et notre responsabilité en tant que blogueur.

Olivier Martinez veut du PEZ ? (mon thème magazine : B comme Bêtise)

Soutenons le Presse-Citron !
A force de chercher l’inspiration pour mon thème magazine, je suis tombé sur la presse people, et là, j’en ai vu des vertes et des pas mûres. En parlant de pas mûr, voici Olivier Martinez…

Mais c’est quoi, ce délire ?

Ah oui, j’allais oublier : Otto me demande pourquoi je n’aime pas Olivier Martinez. Réponse : je n’aime pas quand on prend le web pour un distributeur de PEZ ®.

Arrêtons-les avant qu’ils ne nous arrêtent !

Pour continuer le combat, j’en appelle aux super-héros défenseurs du web honnête et courageux (et lyonnais tant qu’à faire) : Super Chinois, Blog des bois (toute l’équipe…) et la lène et pocky ;)

Rédigez vos billets avec Windows Live Writer — part II

Dans un premier billet, j’avais conclu en disant que Windows Live Writer était vraiment un très bon logiciel, mais que certains “bugs” le rendait impropre à un consommation équilibrée, notamment à cause de sa tendance à ignorer l’encodage UTF-8 et à remplacer les caractères accentués par les entités HTML. (les autres petits soucis n’étant pas bloquants).

Il semble que WLW ait amélioré sa gestion de l’encodage UTF-8 : désormais, le corps du texte affiche bien les accents. En revanche, la zone de titre semble avoir été oubliée, ce que je trouve assez surprenant.

Comme ce n’est pas un logiciel que j’ai installé “volontairement”, j’ignore le numéro de version précédente. Pour mémoire, j’utilise actuellement la version 2008 (build 12.0.1367.1128) fr

Si d’autres utilisateurs de Windows Live Writer pouvait me dire s’ils rencontrent les mêmes problèmes d’encodage… Je les en remercie par avance.

PS : A noter que je n’ai effectué aucune modification dans les paramètres du blog entre temps.

6 gestes pour protéger la planète

Laeti de Miss Ecolo m’invite à la chaine des 6 gestes en faveur de la protection de la planète. Encore une chaine ? Oui, mais là, c’est vraiment pour la bonne cause. Magnéto :

  1. Je me déplace presque exclusivement en bus, métro, tramway, Velov’ ou à pied,
  2. J’utilise des noix de lavage pour laver le linge en machine,
  3. J’utilise une bouteille en plastique pour les piles usagées que j’apporte ensuite au magasin le plus proche,
  4. Je fais l’effort de trier mes déchets et de mettre les bons détritus dans la bonne poubelle,
  5. Je donne des conseils en faveur de l’environnement à mon fils,
  6. J’ai monté un blog sur l’écologie au quotidien qui n’attend que des contributeurs motivés pour sortir de son sommeil ;)

Il me reste à faire Plouf Plouf pour trouver 6 blogs à taguer pour prendre le relais. D’ailleurs à ce propos, je fais un appel aux éventuels développeurs de plugin pour concevoir un système qui choisirait un nombre déterminé de liens présents dans la blogroll en utilisant juste une balise comme <– powned –> de manière à produire une liste de victimes automatiquement ;)

En attendant ce plugin miracle, les nomminés sont : burningHat, bizetfamily, Bertrand Soulier, AJblog, Bloingo et fran6art.

Sont taquins chez WordPress ;)

avec browse-happy.gif : WordPress recommande un meilleur navigateur
Si vous utilisez le tableau de bord Admin de WordPress avec Internet Explorer vous avez droit à ce joli visuel vous mettant en garde contre l’utilisation d’un navigateur non sécurisé et vous invitant à switcher pour un monde meilleur ;)

Devenez Alpha testeurs pour Vanilla : un thème WordPress basé sur SandBox et Yahoo! User Interface CSS

Ca fait quelque temps que je n’ai pas parlé du thème Sandbox qui contient une foultitude de classes CSS générées automatiquement en fonction du contexte. Ce “meta” thème pour WordPress est déjà en version 1.3 pour la branche 2.3.x de WordPress et existe également en version 0.9.8 pour ceux qui serait resté avec un WordPress 2.0.x. Une des particularités de la version 1.3 est la présence d’un fichier .pot pour localiser ou traduire le thème !

Prêt pour la prochaine génération de thèmes WordPress ?

La spécificité de Sandbox est donc de servir de fondations pour bâtir d’autres thèmes. A ce propos, j’attire votre attention sur le thème WordPress Vanilla conçu par Alister Cameron, blogueur et designer de talent, qui fut membre du jury pour le concours de thèmes Sandbox qui s’est terminé en juillet 2007 avec 46 thèmes en lice.

Le thème Vanilla est bâti autour de Sandbox et du framework UI CSS de Yahoo!, ce qui lui permet une certaine souplesse dans le choix de la largeur du design, de la taille des colonnes et de plein d’autres choses que je vous laisse découvrir dans le billet de l’auteur. Bref, un thème pour plusieurs maquettes avec la prise en compte des formats de publicité définit par l’IAB !

Pour devenir Alpha testeur, il suffit d’en faire la demande à Alister Cameron à l’adresse : alister@alistercameron.com ou dans les commentaires de son billet.

Mise-à-jour de la grosse grosse liste pour webdesigner

Suite aux suggestions de burningHat, p4bl0, Frank Taillandier et leGizz, j’ai apporté quelques changements à la grosse grosse liste :

Et pendant ce temps-là sur Google Reader….

<meta name=”generator” content=”WordPress 2.3.3″ />

Je crois que tout est dans le titre ;)

La nouvelle version de WordPress 2.3.3 en français est disponible. Comme d’habitude, elle corrige quelques failles de sécurité. Si vous aviez fait la mise-à-jour en 2.3.2, vous pouvez télécharger les fichiers modifiés. Bravo à toute l’équipe !

La version originale est disponible sur WordPress.org.

Résultats du concours de référencement zobibi

Le concours de référencement zobibi s’est donc terminé comme prévu le 31 janvier à minuit. Après un petit yoyo entre la 3ème et la 1ère place (pendant au moins deux ou trois jours !) mon zobibi s’est stabilisé à la 9ème position sur Google parmis plus de 150 000 résultats, ce qui reste honorable ^_^

Mention spécial pour François Goube qui nous en a mis plein le zobibi la vue en terminant 1er. Bravo !

Félicitations également à tous ceux qui sont parvenus à se hisser à la première page des résultats :

  1. Zobibi France
  2. Ced
  3. SEO blackout
  4. Gnomeland
  5. Lapin
  6. Epiphanie
  7. Paradisia
  8. Blog in a Buzz
  9. Mon zobibi à moi ;)
  10. Osmose Tiger

Bon, c’est pas tout, mais j’ai encore le concours Jeff Ruiz nu sur le feu ^_^v

<zobibi>Bientôt la fin du concours de référencement</zobibi>

Graphique de positionnement du zobibi Plus que quelques heures pour connaitre le résultat du concours zobibi. A l’heure qu’il est je suis toujours sur la première page, mais tout change si vite avec Google… Cliquez sur la vignette ci-contre pour voir l’historique du positionnement de mon zobibi d’après ranks.fr.

Bai(s)se de PageRank : au nom du PR, ainsi soit-il…

Effet vente de liens au kilo, mauvaise stratégie de cloaking lors de ma participation au concours Zobibi, tentative de donner une seconde chance aux autres moteurs de recherche ?.. Je l’ignore. Ce que je sais en revanche, c’est que - comme Carla Bruni - Google a dit “zobibi” à mon PageRank qui est passé de 5 à 3…

Ce qui fait qu’après la première baisse intervenue fin octobre, j’ai perdu 3 points de PR en moins de trois mois ^_^v. Les mauvaises langues diront que je n’ai pas caressé Google dans le sens du poil ces derniers temps, mais quand même !

M’enfin, ce n’es pas si grave. D’abord parce que depuis le temps qu’on nous annonce la mort du PageRank pour nous vendre du TrustRank (en gros, si votre petite soeur à un skyblog, ne la linker surtout pas, on ne sait jamais…), il fallait bien que ça arrive un jour.

Ensuite, la baisse de mon PageRank n’a pas vraiment d’influence sur la fréquentation du blog et le nombre d’abonnés FeedBurner ne cesse d’augmenter. Ce qui est quand même plus significatif pour juger de la bonne santé d’une ligne rédactionnelle ;)

Firefox 2 refuse les câlins d’Internet Explorer 7 ?

A force d’ouvrir une palanquée de navigateurs sur mes deux écrans, j’ai découvert qu’il était possible de copier un onglet Firefox vers une deuxième fenêtre par glissé-déposé. Jusque-là rien de très étonnant, me direz-vous ;)

Ce qui est surprenant, c’est que le glissé-déposé d’onglets fonctionne également depuis Firefox (ou Flock) vers Internet Explorer 7.

En revanche, si IE7 accepte les câlins, ce n’est pas le cas de FF qui refuse toute tentative de rapprochement de la part de son rival.

Bref, si Firefox et Internet Explorer parlent “onglets” c’est à sens unique pour l’instant. Peut-être que Firefox 3 sera un peu plus sociable… ^_^v

Edit du 14/01/2007 à 10:32

A la lumière des commentaires
Eclairés de mes pairs,
Mon jugement je révise
Et déclare qu’IE7
Ne vaut pas tripette
Qu’on se le dise

WordPress : masquer des billets seulement sur la “home” avec Sandbox

Vous n’êtes pas sans ignorer que je participe à un petit concours de référencement sur le mot-clé zobibi. Pour ne pas (trop) gêner la lecture “normale” du blog, j’ai décidé de masquer les billets de la catégorie zobibi.

A la demande de Plouf, j’ai fait en sorte que les billets de cette catégorie soient masqués sur la Home tout en restant visible lorsqu’on affiche le billet seul ou lorsqu’on clique sur la catégorie idoine.

Bon, évidemment, ce n’est pas très sorcier quand on utilise le thème Sandbox : au lieu de cibler les billets par la classe CSS .category-zobibi, j’ai ajouté la classe .home, soit :

body.home div.category-zobibi {
    display: none;
}

Note du 6/01/2008 : suite au commentaire de Luc, j’ai remplacé le display:none par un position:absolute et un left: -50000px, soit :

body.home div.category-zobibi {
    position: absolute;
    left: -50000px;
}

Maintenant, si vous avez un peu de temps à perdre, vous pouvez voir l’ensemble des billets “zobibi” en cliquant sur la catégorie zobibi ;)

zobibi

Rien de mieux pour débuter cette nouvelle année qu’un concours de référencement proposé par MindFree. Le challenge ? Etre le premier sur Google avec le mot-clé zobibi au 31 janvier 2008.

La méthode ? Pour ne pas trop polluer ce blog avec le mot-clé zobibi, je mettrais les billets en question en display: none, le cloaking du pauvre en quelque sorte… Pour les abonnés aux flux RSS, il suffira de ne pas lire les billets commençant par zobibi !

Si vous voulez soutenir mon zobibi… il suffit de faire un lien de la forme zobibi, soit :

<a title="le zobibi de tous les zobibis" href="http://www.css4design.com/blog/zobibi">zobibi</a>

Tous les soutiens seront bien évidemment récompensés par un bien joli lien sur une bien jolie page ;)

<meta name=”generator” content=”WordPress 2.3.2″ />

Je crois que tout est dans le titre ;)

WordPress 2.3.2 en français est également disponible. Si vous aviez fait la mise-à-jour en 2.3.1, vous pourrez y télécharger les fichiers propres à la version 2.3.2. Bravo à toute l’équipe !

La version originale est disponible sur WordPress.org.

Le web 2.0 peut être dangereux… pour vos profits

Le gourou de l’utilisabilité, de l’ergonomie et du design web (au sens d’architecture web) Jakob Nielsen nous propose de réfléchir sur le web 2.0 du point de vue des fonctionnalités et de leur adéquation avec les besoins et les attentes de l’utilisateur. Voici un rapide résumé de son alertbox.

Ajax, interfaces riches, mashups, web social et User Generated Content ajoutent souvent plus de complexité qu’ils n’offrent de solution. Ce web 2.0 détourne les ressources graphiques et prouve (une fois encore) que le ramage ne se rapporte pas toujours au plumage :

  • Ajax et les interfaces riches : trop de complexité,
  • Réseaux sociaux et User Generated Content : trop peu d’utilisateurs,
  • Mashups : confusion des marques,
  • Modèle économique basé sur la publicité : bulle 2.0,
  • Sites web qui “déchirent” : non-représentatifs des sites commerciaux.

En bref

Ajoutez une pincée de fonction web 2.0, mais concentrez-vous sur le coeur de votre service ! Pour nous guider, Jakob propose de doser l’infusion des fonctionnalités web 2.0 en fonction des différentes sortes d’expérience utilisateur :

  • Information, marketing (corporate, gouvernemental ou associatif) : 10%,
  • E-commerce : 20%,
  • Médias : 30%,
  • Intranets : 40%,
  • Applications web : 50%.

En direct live from Google Reader…

  1. Une apparence identique quelque soit le navigateur ?

    Do websites need to look exactly the same in every browser ? C’eût été quand même mieux avec un affichage différent dans chaque navigateur… (Merci Gameplayer) ^_^v

  2. Donner un poisson ou apprendre à pêcher ?

    Doit-on utiliser des liens pour modifier la taille des textes pour améliorer l’accessibilité des sites web ? Quelques éléments de réponse avec Joe Clark qui “reprend” les propos de Grant Broome sur cette intéressante question. Via Gou.

  3. Spécifier la taille du texte en CSS

    A List Apart réconcilie les besoins du designer et ceux de l’utilisateur pour modifier la taille des caractères dans le respect des bonnes pratiques tout en supportant différents navigateurs.

  4. I love typography

    I love typography, un excellent blog consacré à la… typographie, bien sûr ;)

  5. Design CSS : finir 2007 en beauté

    Nick La (Best Web Gallery et N.Design Studio) propose sa sélection des meilleurs design CSS pour 2007. Inspiration, expiration ;)

  6. Pour la route

    S’il y a un blog dont on peut citer le lien sans se tromper, c’est bien Smashing Magazine, toujours au top, toujours indispensable ;)

Joyeux anniversaire, Monique !

Si j’en crois Facebook, demain c’est l’anniversaire de Monique Brunel du blog webatou qui oeuvre pour améliorer la qualité des sites web en mettant l’accent sur l’accessibilité pour tous.

Bisous et bon anniversaire !

En vrac : Donkiz, Paris Web 2007, Design élastique, Flock, quizz HTML

Donkiz, moteur de recherche pour l’immobilier

Du nouveau dans le monde grandissant des moteurs de recherche verticaux avec Donkiz. Ce projet spécialisé dans l’immobilier ce projet a été rendu public il y a peu par donkeyword. Franck a su garder le secret jusqu’au bout sur son projet ultra-secret bien que j’ai l’impression qu’Eric a eu la primeur, m’enfin… Les principaux atouts du moteur sont :

  • Recherche de maisons et d’appartements, de bureaux, d’entrepôts, de lieux de vacances, de terrains, etc. grâce à un système d’intellligence artificielle et une navigation par tableau de critères dynamiques (drill-down), le tout avec un design épuré,
  • Alerte mail, envoi à un ami, sauvegarde et prise de notes sur les annonces sans être obligé de s’enregistrer,
  • Cartographie pour visualiser les résultats,
  • Index de plus de deux millions d’annonces et plus à venir.

Le soin apporté à l’ergonomie et à la clarté de l’interface font de cet outil un modèle du genre : les résultats s’affinent peu à peu en fonction de vos envies.

Compte-rendus Paris Web 2007

De nombreux blogs ont évoqué l’événement de cette fin d’année dans le domaine du développement web et des bonnes pratiques qui y sont généralement associées : Paris Web 2007. Si les avis et impressions ne manquent pas, les compte-rendus systématiques ne se bousculent pas au portillon.

Heureusement que les nouveaux venus dans la blogosphère ont à coeur de partager leurs notes ;) C’est le cas de Thibault qui se propose de mettre en ligne sur Jour de pluie une douzaine de compte-rendus dont 6 sont déjà en ligne au moment où j’écris.

Yahoo! : un design élastique

Pour voir un bon exemple de page web élastique (c’est-à-dire dont le texte mais aussi la mise en page s’adaptent aux taux d’agrandissements), faites donc un tour sur Yahoo! et faites tourner la molette avec la touche Control. Merci à Thanh pour l’info (et le café à l’O2Sources ;) )

Flock, le navigateur social

Suite à mes interrogations existentielles sur le navigateur web idéal, j’ai essayé Flock qui est basé sur le moteur de rendu Mozilla Gecko (celui-là même qui équipe Firefox) avec en prime des fonctions d’aggrégation de sites web 2.0 tels que Twitter, Flickr, Facebook, Youtube ainsi que la synchronisation des signets entre ma.gnolia et Flock.

Combien de balises HTML pouvez-vous citer en 5 mn ?

Petit quizz bien sympa à faire. Attention le compte-à-rebours démarre dès le chargement de la page ^^ Via xuxu.

Twitter

Just follow me.

WordPress 2.3 : un éditeur visuel qui fonctionne, c’est pour aujourd’hui ou pour demain ?

Je suis généralement de bonne composition, mais là, franchement j’en ai vraiment marre de l’éditeur visuel de WordPress qui me rajoute des mce_href devant chaque lien que je donne en exemple dans mes tutoriels, sans même parler de la gestion calamiteuse de la balise pre qui s’aggrave à chaque enregistrement de billet. Je vais quand même pas me mettre à relayer la sortie de Gphone, ipod, Iphone, etc. pour ne plus avoir à utiliser des balises de geek, quand même !

J’envisage sérieusement de migrer vers DotClear 2 parce que je me vois mal repasser en mode code et me retaper tous les exemples présents dans mes tutoriels pour enlever les scories laissées par WordPress.

Et je ne parle même pas de l’esprit de “jonglitude” dont il faut faire preuve pour insérer des éléments multimédia : en standard c’est même pas la peine, et tous les plugins que j’ai testés donnent l’impression de s’être donné le mot pour être le moins efficace possible…

WordPress sucks!

Il fallait que quelqu’un le dise. Je me sens mieux, merci… ^_^v

Archéologie Réticulaire, le fossile bouge encore…

En faisant le ménage dans mes archives, j’ai - si l’on peut dire - retrouvé l’ancêtre de css4design ! Il s’agit d’un “site perso”, comme on disait à l’époque, commencé au début des années 2000 et poursuivi jusqu’en 2003 et des poussières. Attention, âmes sensibles s’abstenir : ce vieux débris contient des tables pour la mise en page ! Vous noterez quand même un usage assez important des CSS.

Tiens, à l’époque je savais même faire du PHP et du MySQL avec un système de gestion de boutique en ligne, et - tenez-vous bien - ma première tentative de weblog datée du 25 février 2003. J’avais même mis en ligne mes bookmarks exportés d’Internet Explorer ^^

Ce qui m’étonne le plus, c’est que tout fonctionne presque sans problème après avoir simplement uploadé le dossier. Etonnant, non ? (Comme quoi, c’est bien de ne pas trop faire le ménage dans ses bases de données…)

Tiens, du coup, j’ai bien envie de lancer une nouvelle chaine alakon, moi :D Après kawa-yaka, voici donc Archéologie Réticulaire ! Je vous invite à ressortir vos vieilleries du grenier, histoire de contribuer à une grande fresque historique à la mode du web 1.0 !

Participez à l’allongement de la liste Archéologie Réticulaire en signalant dans les commentaires l’url de vos plus anciens travaux sur le web suivie de votre site ou blog actuel.

Le PR contre-attaque (aujourd’hui, c’est Jedi !)

Je profite d’Halloween pour ressusciter infographiste mon premier nom de domaine chez free.fr ! Comme le bon vin, il a pris une certaine rondeur et présente un pagerank une longueur en bouche qui le fait bien… Vite j’en profite avant que Gevil ne termine la bouteille :D

Yatta.

Racheumeuneu : je soutiens le barbayellow :)

le clavier racheumeuneu Je soutiens Grégoire qui se lance dans un concours de référencement pour être le premier sur la requête racheumeuneu… Drôle d’idée, non ? Le Barbablog ayant bien soutenu ma loupanthère en son temps, je lui donne un coup de pouce. Allez, hupupup, barbatruc ;)

Les 10 plus beaux designs CSS selon SmashingCoding

Le concours organisé par Smashingcoding est terminé et les membres du jury ont rendu leur copie pour désigner le vainqueur parmi le top 10 des blogs inscrits. Je suis content d’être à la 5ème place et je félicite chaleureusement le 1er (avec une pointe de jalousie, il faut bien le dire) ainsi que tous les autres participants avec une pensée pour SuperChinois ;)

Voici donc les 10 plus beaux design CSS selon SmashingCoding qui avait pris en compte l’apparence du blog, la qualité du code, les astuces CSS utilisées et les difficultés surmontées en terme de webdesign :

  1. Affinity Web
  2. le blog de Damien Alexandre
  3. Webinventif, Kenny-Blog
  4. BizetFamily
  5. css4design
  6. Pixnlov
  7. Pixenjoy
  8. Pilok
  9. Buzz and People
  10. Tux Planet

PS : Vous remarquerez que Britney “CSS” Spears n’était pas très “fatiguée d’être sexy” ! Bien joué eMeRiKa :D

Avec Google on ne PR rien à attendre…

Il semblerait que Google à le PageRank qui le démange, alors il gratte un p’tit peu ?

Concours de jolis blogs sur Smashingcoding

Pour le lancement de SmashingCoding , blog associatif sur le développement et le design, Christophe Lefevre lance un petit concours sur les plus jolis blogs.

Pas d’argent à la clé, ni même de prix, mais simplement le plaisir de participer à l’aventure. Toutefois, les plus jolis blogs seront présentés sur SmashingCoding, bleebot, TheFeedr, Blogasty et certainement sur d’autres blogs, ce qui n’est pas rien ;)

Si vous désirez faire connaitre votre blog, il suffit de vous inscrire en laissant un commentaire sur le billet annonçant le concours.

Mon blog sur Facebook

Après avoir créé un groupe pour Notorious Blog, je viens de créer un groupe Facebook pour ce blog. Pour quoi faire ? Facebook, à nous d’inventer la vie qui va avec ! Pour css4design, la ligne directrice est simple : c’est un groupe dédié à l’intégration html et css, au référencement dans Google et bien sûr au webdesign au sens large (graphisme, technique de mise en page, contraintes cross-browser…).

N’hésitez pas à participer en gribouillant des notes, en partageant des idées ou en postant des liens ! Si vous n’êtes pas inscrit, c’est peut-être l’occasion. A bientôt :)

Intéressés par la monétisation de votre contenu ? Jettez un oeil sur Google AdSense

Feedburner Adsense

Ils n’ont pas oublié de monétiser leur FeedBurner, au Googleplex ;)

Tout ça pour dire que j’avais confié la redirection des flux RSS de WordPress vers FeedBurner aux bons soins du plugin Feedburner FeedSmith qui n’a pas rempli son office… Au cas où, les flux RSS officiels pour ce blog sont :

Je remercie fab et Samy (sans oublier Nico) pour m’avoir signalé le problème ;) Merci de votre compréhension en cette période de flux migratoires.

Rions un peu… avec Twitter et l’attribut rel=”nofollow”

Le premier plugin que j’ai installé sur mon blog nouvellement propulsé par WordPress a été Dofollow qui, comme son nom l’indique, supprime l’attribut rel=”nofollow” des liens présents dans les zones publiques de votre blog, en l’occurence les commentaires et les trackbacks.

Quelques sites comme Wikipédia, régulièrement spammés à cause de leur PageRank, ont mis en place cet attribut pour lutter contre les petits voleurs de PR. Bien que cet attribut n’a pas fait la preuve de son efficacité, je comprends que dans le doute certains l’utilisent encore pour décourager le spam.

Mais là où ça me fait franchement rigoler, c’est quand je m’aperçois que Twitter met du nofollow à tout-va… Mais que pensent-ils donc décourager ?.. Enfin, j’espère que le rachat de Jaiku par Google, va pousser les développeurs de Twitter à supprimer le nofollow pour se venger… ^_^v

Quel avenir pour le graphisme des blogs ?

J’ai eu le plaisir de répondre à quelques questions de Mickaël Thomassin sur le graphisme des blogs sur le blog de MotsAndCo. Cette agence spécialisée dans la création de contenu, sa traduction et son intégration au sein de pages web ou blog professionnels, réalise régulièrement des entretiens par mail avec des blogueurs sur un sujet en rapport avec les blogs ou la rédaction web. J’ai eu un réel plaisir à donner mon avis et participer ainsi à la série des interviews MotsAndCo.

Voici donc les trois questions sur lesquelles j’ai eu l’occasion de donner mon sentiment :

  1. «On entend souvent dire que le contenu d’un blog est ce qui fait revenir ses lecteurs. Penses-tu que le graphisme du contenant soit secondaire ?»
  2. «Globalement, peu de blogs corporate mettent l’accent sur le graphisme, s’arrêtant souvent à un logo et une interface ternes. Que conseillerais-tu à un entrepreneur souhaitant rendre son blog plus “créatif” ?»
  3. «Quelles sont les tendances du moment en matière de graphisme de blogs ? Va-t’on vers plus de simplicité ou au contraire, des colonnes sans cesse plus fournies ?»

Voici les réponses à ces questions.

Rions un peu avec…

Jakob Nielsen. Et oui, contre toute attente, c’est avec l’expert en utilisabilité des sites web et des logiciels que j’inaugure cette nouvelle rubrique Rions un peu avec… tout ce que j’ai trouvé d’amusant lors de mes pérégrinations réticulaires. Surtout lorsque le côté drôle n’est pas voulu au départ, parce que sinon, c’est moins fun. En recherchant un extrait de faux-texte Lorem Ipsum, je suis tombé sur l’article consacré au faux-texte sur Wikipédia où la phrase suivante m’a fait sourire (je ne promets pas la franche rigolade, on est bien d’accord !) :

L’expert en utilisabilité des sites web et des logiciels Jakob Nielsen souligne que l’une des limites de l’utilisation du faux texte dans la conception de sites web est que le texte n’étant jamais lu, ceci ne permet pas de vérifier sa lisibilité effective. La lecture à l’écran étant plus difficile, cet aspect est pourtant essentiel. Il préconise donc l’utilisation de textes représentatifs plutôt que du lorem ipsum.

Jakob a raison de se mêler de tout, il n’y a pas de petite requête et les petits mot-clés font les grandes audiences, mais quand même…

Enfin, après avoir rigolé… un peu (faut pas exagérer non plus, je vous l’accorde), voici ma recommandation : contrairement à Jakob Nielsen, je préconise personnellement le faux-texte pour la raison suivante : en mettant un contenu réellement intéressant, ne risque-t-on pas d’être pris par le sujet au point de passer à côté d’un éventuel problème de lisibilité qui passerait de ce fait au second plan ? ;)

Jakob, si tu me lis, donnes-moi ton avis ;)

PS : mon air désinvolte n’ayant l’air de rien ne doit pas vous empêcher de prendre J. Nielsen au sérieux et de parcourir son site qui vaut vraiment le détour.

Widget "Alerte-Enlèvement" : appel aux développeurs !

Delphine Dumont lance un appel à la bonne volonté des développeurs pour créer un Widget qui relaierait l’alerte enlèvement diffusée généralement à la télévision, sur les signalisations autoroutières, dans les villes, etc. L’idée de faire se servir de la popularité des blogs pour étendre encore la couverture des alertes.

Le principe

Un widget “Alerte-Enlèvement” permettrait d’afficher immédiatement et automatiquement l’alerte dès qu’elle est donnée et de la supprimer dès que l’enfant est retrouvé. Vu le nombre de blogs qui existent, ce serait un relais énorme, instantané, permanent (contrairement aux diffusions espacées à la télé ou la radio) et qui comblerait le manque pour ceux qui n’ont pas accès à la télé ou à la radio. Bref, ce serait du tout bon.

Un flux RSS sera bientôt disponible pour les partenaires, ce qui fournira la matière première du Widget. Parmi les questions soulevées, le dimensionnement du serveur pour éviter les problèmes de saturation est crucial. En bref, Delphine à besoin d’un ou plusieurs experts pour faire des estimations projectives et des spécialistes en équipement réseaux en France afin de lister les partenaires éventuels.

Voilà, à vous de jouer coder et/ou de relayer ;)

Mise-à-jour : Je me demande dans quelle mesure on pourrait utiliser l’API XML-RPC disponible sur la majorité des systèmes de blog (enfin je suppose) et de s’en servir pour publier automatiquement un billet concernant l’alerte en cours. Il suffirait pour celà de fournir ses informations de connexion de manière anonyme et le système se contenterait de publier un billet sur l’ensemble des blogs volontaires.

StumbleUpon. Trébuchez, il en restera toujours quelque chose

Le hasard - un pic de visite inhabituel dans mes statistiques dès le début de matinée - m’a fait découvir l’étonnant StumbleUpon dont le nom évoque le fait de trébucher sur quelque chose. En l’occurence, ce site nous propose de trébucher sans arrêt sur le réseau pour découvrir de nouveaux sites.

Ces nouveaux sites sont ajoutés par les internautes qui ont installé la StumbleUpon Toolbar qui propose, entre autre, le bouton Stumble pour pousser le navigateur en avant afin de nous faire découvrir un site. A noter qu’il est possible lors de l’inscription de sélectionner les thèmes dans lesquels le site piochera les sites à présenter.

Un clic sur le bouton I like it entraîne une visite pour le site que l’on “note” ainsi. Si le site en question ne fait pas partie de la sélection (il n’a pas été “liké” auparavant) une fenêtre vous propose de le faire.

Bref, vous l’aurez compris, aussitôt découvert, aussitôt adopté. Et je ne dis pas ça uniquement parce qu’il s’agit d’un moyen supplémentaire d’assurer la promotion de son blog :) C’est surtout un bon moyen pour découvrir facilement des nouveaux sites. En ce qui me concerne, en quelques minutes d’utilisation, j’ai découvert le surprenant dontclick.it dont l’objectif est de démontrer que l’on peut très bien naviguer sur un site sans un seul clic !

Une chaîne pour libérer 5 blogs de mon Google Reader ?

Mesdames, Mesdemoiselles, Messieurs. Suite à l’invitation de Thanh qui me fait le double plaisir de m’inviter dans cette chaîne réticulaire et de citer mon blog parmi les cinq qu’il garderait dans son agrégateur, j’ai le plaisir de vous faire parvenir, après les 5 choses que vous ignoriez sur moi et mes outils pour bloguer, les 5 blogs que je consulte pendant la pause.

La pause petit déjeûner en français dans le texte

Suteki da ne
Thanh nous invite à soulever le coin de toile d’un poète et d’un geek. Isn’t it Beautiful?
fredcavazza
Les interfaces r