Bad Cat Photos (And Links. Non-Cat Links.) [en]

[fr] Des liens. Surtout.

I still haven’t found the magic solution to grab interesting links on-the-fly and collect them for a future blog post. I easily share to facebook, G+ and Twitter from any device. Anything shared on Twitter ends up in delicious, and so does everything shared to facebook (albeit privately). I stuff things in Pocket when I don’t have time to read them and the tabs start piling up. I’ve started sticking things in Pocket that I have read but want to blog about. It’s going to be messy.

The Basket is a Little Tight

I hardly got through the first item in my notes with my last post. So, sorry for the somewhat stream-of-consciousness blogging. Welcome inside my head.

A facebook friend of mine asked us what we thought about couples who have shared email or facebook accounts. The reactions were mostly swift and strong: eeeeeeew! Mine was too.

Online, your account is your identity. Are you “one” with your significant other? Joint accounts, for me, point to symbiotic relationships, which I really don’t consider healthy. Are you nothing without your SO? Do you have no individuality or identity aside from “spouse of”?

This reminds me of how in certain communities the “second” of a couple (ie, not the primary member of the community) sometimes feels a bit like a satellite-person, using the “primary” as a proxy for interacting with the rest of the community. This bothers me.

It bothers me all the more that the “second” is (oh surprise) generally the woman of the couple. It’s a man’s world, isn’t it, and women just tag along. Enough said. A bit of reading. Not necessarily related. And in no particular order.

In “offline” news, I’ve been redoing some of the furniture in my living-room. (“Cheese sandwich”, here we come.) One part of trying to solve Tounsi’s indoor spraying problem is getting rid of the furniture he irremediably soiled, and that was the opportunity for some changes.

New Furniture

The picture is bad, but you see the idea. Huge cat tree on one side, and “cat ladder” created out of two LACK bookshelves from IKEA (don’t put all the shelves in). More for Tounsi than for Quintus, clearly, who is more comfy in the ground-level basket I brought back with him from England three years ago. His elbows aren’t what they used to be, so jumping down from anywhere is a bit of a pain.

Basket for Quintus

Yes, today comes with a lot of bad cat photos. Sorry.

Anyway, I had to remove all my books from my bookcase to move it over one metre, which gave me the opportunity to start sorting, now that I’ve gone all digital with my kindle. I’m finding it very liberating. All those kilogrammes of books I’ve been carrying with me for 20 years! I can now feel free to let go of all but the most meaningful or precious. My Calibre library only takes up space on my hard drive — and hardly any.

(The WordPress editor is doing horrible things to the formatting in this post. My apologies.)

The Frustrating Easiness of Sharing a Link on Facebook (and Twitter and Google Plus and Tumblr and…) [en]

[fr] C'est tellement facile de partager des liens sur Facebook et autres que je finis par ne plus le faire sur mon blog, parce que c'est laborieux. Il y a un moyen plus simple?

Today, when I stumble upon an interesting link, I share it on Facebook. And usually also on Twitter. And on Google Plus.

It’s easy. More often than not, I found the link in question on Facebook, Twitter, or G+. Resharing on the same platform is two clicks maximum. The link is expanded into an excerpt and a photo which are nice and pretty and often spare me having to write any kind of introduction to the link (I do, sometimes).

Sharing on other platforms? At the worst, copy-paste (goes quickly when you use keyboard shortcuts and know your way around your browser tabs). Or the bitly bookmarklet.

Sharing on social media is rewarding: people are there already, they comment, they like, they reshare.

I pull quotes out of what I’m reading with the Tumblr bookmarklet and post them to Digital Crumble. That in turn gets sucked into Facebook, to the annoyance of some and the delight of others. Super easy.

You know what’s not easy? Collecting a bunch of interesting links I’ve found recently into a blog post on Climb to the Stars. That sucks. I’ve done it at times, yes, but I do wish there was an easier way to do it than copy-pasting article titles and putting links on them, after having let them pile up in an Evernote note until there were enough of them.

I’m sure there is a way to do this more elegantly. Tell me!

Some Thoughts on Blogging: Original Content, Linking, Engaging [en]

[fr] Quelques réflexions sur l'enseignement de l'art du blog.

I like teaching people about blogging. Right now I have nearly 100 students who are learning to blog, with varying enthusiasm and success. Teaching blogging makes me realize that this mode of expression which comes naturally to me is not that easy to master. Here are a couple of the main hurdles I’ve noticed for the student-blogger:

  • Original content. It seems obvious that a blog will contain original content, but in the age of Tumblr (I love Tumblr) and Facebook (I love Facebook) and Twitter (I love Twitter) it seems there is a bias towards republishing rather than creating. One of the things that make a blog a blog is the fact that the blogger has taken the trouble to think and try and communicate ideas or experiences or emotions to their reader, in the written form. Some early attempts at blogging resemble Facebook walls.
  • Links. Writing in hypertext is not easy. A blog is not an island. A blog is connected to many other pages on the web, be they blog articles or not. It’s caught in the web. It’s part of the web. A blog which never links elsewhere? Might be a journal or a memoir, but it’s missing out on something. What do I link to? When? Which words do I place my links on? The art of linking is full of subtleties.
  • Engaging. Blogging is about writing, but also about reading and responding. Links ensure that a blog doesn’t exist in a vacuum. The parallel human activity is responding to comments, reading other bloggers, linking to them socially, and actually engaging with content found elsewhere. Some will say “comment on other people’s articles”, but that is not the whole story. Leaving a superficial comment is not it. Trying to understand the other, daring to challenge and disagree (respectfully), push thoughts further and drag others out of their comfort zone: there is something philosophical about the practice of blogging.

Some things are relatively easily taught: how to hit publish; how to write in an informal voice; how to dare being subjective. But how do you teach engagement? How do you teach debate? I know the Anglo-Saxon (at least American) school curriculum includes debating. Switzerland, sadly, doesn’t — and we tend to shy away from it, or end up in “dialogues de sourds” with two polarised camps each trying to convert the other.

2nd Back to Blogging Challenge, day 7. On the team: Nathalie Hamidi(@nathaliehamidi), Evren Kiefer (@evrenk), Claude Vedovini (@cvedovini), Luca Palli (@lpalli), Fleur Marty (@flaoua), Xavier Borderie (@xibe), Rémy Bigot (@remybigot),Jean-François Genoud (@jfgpro), Sally O’Brien (@swissingaround), Marie-Aude Koiransky (@mezgarne), Anne Pastori Zumbach (@anna_zap), Martin Röll (@martinroell), Gabriela Avram (@gabig58), Manuel Schmalstieg (@16kbit), Jan Van Mol (@janvanmol), Gaëtan Fragnière (@gaetanfragniere), Jean-François Jobin (@gieff). Hashtag:#back2blog.

Bien bloguer: l'art de faire des liens [fr]

[en] Some guidelines and advice for making links. Blogging is more than just shoving text in WordPress!

Pour bloguer, il ne suffit pas d’écrire des articles à la suite les uns des autres. Il faut apprendre à écrire en 2D — écrire en hypertexte. Bien maîtriser l’art du lien est indispensable pour celui ou celle qui veut bloguer un tant soit peu sérieusement.

Editeur visuel

Je donne ici les indications pour WordPress, que je vous conseille vivement d’adopter comme outil de blog.

  1. Si nécessaire, aller chercher l’URL (=adresse web) de la page web de destination et la copier.
  2. Dans le texte de son article, sélectionner les mots sur lesquels on veut mettre ce lien — ceux qu’on veut rendre cliquables.
  3. Cliquer sur le bouton représentant un maillon de chaîne dans la barre d’outils.
  4. Coller dans le pop-up qui apparaît l’adresse du lien précédemment copié, et appuyer sur entrée.

WordPress: faire un lien

Editeur HTML

Si on écrit en HTML directement, on sait en principe ce qu’on fait. Il peut arriver néanmoins qu’on doive aller farfouiller dans le code pour réparer des accidents. Dans ce cas, c’est utile de comprendre un peu ce qu’on voit. Un lien comme “Climb to the Stars“, ça ressemble à:

<a href="https://climbtothestars.org" title="Le blog de Stephanie.">Climb to the Stars</a>

Les parties en gras sont les bouts à ne pas toucher. Ce qui n’est pas en gras peut être modifié à volonté (destination du lien, texte pour quand on survole le lien, texte cliquable).

Etre efficace

Quand on écrit article après article, et qu’on veut les enrichir de liens joyeusement, et qu’on ne veut pas que ça prenne des plombes, il faut absolument abandonner sa souris et utiliser le clavier. De façon générale, moins on utilise la souris, plus on est rapide.

Voici donc comment ajouter un lien sous WordPress avec le clavier (sous OSX). Pour apprendre, n’hésitez pas à exercer cette séquence 10-20 fois pour bien l’intégrer.

  1. Seule manipulation à la souris autorisée (mais on peut aussi faire ça au clavier!): sélectionner les mots sur lesquels on veut mettre le lien 😉
  2. ⌘T — ouvre un nouveau tab de navigateur
  3. Ouvrir la page vers laquelle on veut que notre lien pointe: taper l’URL, les mots-clés pour chercher dans Google… Ne pas oublier d’utiliser les flèches pour naviguer dans les suggestions de complétion et la touche entrée pour valider. Pas besoin de souris!
  4. ⌘L — sélectionne l’URL dans la barre de navigation
  5. ⌘C — copie l’URL
  6. ⌘W — ferme le tab qu’on avait ouvert pour charger l’URL de destination, et nous ramène donc sur notre page WordPress avec les mots sélectionnés
  7. ⌥⇧A — ouvre la petite boîte de dialogue pour insertion du lien
  8. ⌘V — colle l’URL de destination. Pas besoin d’appuyer sur quoi que ce soit pour effacer le “http://” déjà dans le champ, il est sélectionné et sera écrasé quand on colle
  9. ⏎ [entrée] — pour valider tout ça.

Ça peut sembler long et compliqué écrit comme ça avec tous les détails, mais quand on a mémorisé la séquence et qu’elle est bien entraînée, ça prend quelques secondes (et on remarque par exemple que les étapes 5-6-7 sont quasi instantanées: on garde la touche ⌘ enfoncée et on appuie sur L, C, W à la suite). Exercez-vous, cela en vaut la peine: vous vous en féliciterez bientôt!

Faire les choses proprement

On rentre un peu dans les détails. Ils sont importants même si tout le monde n’est pas capable de les identifier, parce que comme les finitions d’un meuble ou la typographie d’un document imprimée, ils influent sur la perception globale qu’on aura de votre blog ou de vos articles.

  • Choix du lien de destination: vérifiez que celui-ci est pertinent par rapport à votre texte.
  • Quand on fait un lien vers un article, attention de bien prendre l’adresse de l’article (en cliquant sur le titre) et non simplement l’adresse du blog ou de la page d’accueil du site.
  • Après avoir publié votre article (ou avant, si vous prévisualisez), cliquez sur vos liens pour vérifier s’ils mènent là où vous le désirez. Surtout si vous débutez 😉
  • Nettoyez l’URL du lien de destination (suivant comment vous y êtes arrivés, il peut contenir des indications de source, comme ?utm_source=fb&utm_medium=fb... etc.). Enlevez des morceaux, appuyez sur entrée, regardez si vous arrivez toujours sur la bonne page.
  • Choix des mots sur lesquels on met le lien: d’une part, le lien met en évidence les mots sur lesquels il est (c’est l’occasion de les faire ressortir pour le lecteur); d’autre part, ces mots vont compter pour l’indexation du site de destination (et possiblement du vôtre) par les moteurs de recherche. Des fois, il vaut la peine de remanier sa phrase pour avoir une jolie suite de mots sur laquelle mettre son lien.
  • Espaces et signes de ponctuation: ne jamais les inclure dans le lien sauf si le lien porte sur toute la phrase. Attention au mode “sélection automatique des mots” qui sélectionne toujours l’espace après le dernier mot. Ça fait chenit, les espaces qui traînent à la fin des liens!
  • Si on met un lien sur une expression ou un nom, éviter de remettre le lien à chaque fois qu’on cite ce nom ou cette expression.
  • Ne cochez jamais la case “ouvrir le lien dans une nouvelle fenêtre” — target="_blank" c’est très bien pour les applications web comme Twitter et Facebook, mais vraiment pas top pour un blog ou un site web.
  • Eviter d’utiliser les URLs raccourcies (bitly et autres). Une URL raccourcie a toujours une espérance de vie plus courte que l’URL originale. Réserver les URLs raccourcies à Twitter, là où le nombre de caractères compte.
  • Trouver le bon équilibre entre pas assez de liens et trop de liens…

Bloguez bien! Avec des liens!

Links in New Windows: Websites vs. Applications [en]

[fr] En 2011, c'est toujours pas bien de forcer les liens à ouvrir dans une nouvelle fenêtre. Sauf, on peut l'admettre, quand votre site est en fait une application web.

I was surprised recently to realize that in 2011, it wasn’t obvious to everybody that forcing links to open in a new window (with target="_blank") was not a good idea.

Actually, there are quite a few high-profile sites which force links to open in new windows, and I realized I actually don’t mind it that much: Twitter is one. I like that when I click on a link in Twitter, it opens in a new tab. I’ve learned that Twitter does this, and I now rely on it.

So, maybe links in new windows aren’t always a bad thing?

Here’s what I think: if your “site” is in fact an application, then it doesn’t matter much. People will learn to use the interface of your web application, and if links open in new windows, they will discover that and (hopefully) remember it. However, if your site is a real site, meaning it contains stuff that people are going to read, and that stuff might contain links to other stuff people might want to read or see, then it remains a Bad Thing.

Why is it a Bad Thing to force links to open in a new window (in your blog, for example)? Here’s the reasoning behind this.

  • Normal behavior is that links open in the same window.
  • When you force a link to open in a new window, you’re breaking that expectation — and there is no way to know, by looking at the link, that it’s going to spawn a new window.
  • Opening new windows is a user decision, not a website design decision. Windows are part of the browser, not the site.
  • A link can easily be opened in a new tab or window by holding down a modifier key before clicking on it (Cmd/Ctrl for example).
  • A link which is set to be opened in a new window cannot be opened in the same window if that’s what the reader would prefer.
  • Opening links in new windows may confuse the user (who might not notice the new window) and breaks the back button (to go back, you have to close the current window instead of hitting the back button — adding a different way to “go back”… more confusion).

Summary:

  • if your site is actually a web application, where links open is part of the application design, and forcing links to open in a new window can make sense in certain situations;
  • if your site is a “proper website” or a blog, don’t force links to open in a new window — where they open belongs to the way your reader chooses to use his browser, and not to the website design.

Ye Olde-School Personal Blogs Are Still Around [en]

[fr] Le blog personnel existe toujours. On a parfois tendance à l'oublier, noyés que l'on est sous la masse des machines à audience que l'on appelle "blog" ces jours.

Yesterday evening I was winding down when I thought of checking a bunch of old-school (personal) blogs I visit once in a while. If you’re not an old hand, and you’re looking for some good personal blogs written by those who made up the blogosphere in its golden hour, read on:

There are of course tons of other great blogs out there. But most of these were around in my early days of blogging, and it warms my heart that they still are.

What are your favorite personal blogs?

LeWeb'10, ça démarre! [fr]

[en] LeWeb'10 has started! Links to follow the conference online.

Eh ben, on pourra dire que les dernières semaines n’auront pas été de tout repos. Un deuxième dan de judo, le module 2 de la formation SAWI que je co-dirige, et LeWeb’10.

LeWeb’10, c’est près de 3000 personnes qui se retrouvent à Paris pour deux jours de conférences: plus d’une centaine d’orateurs, des dizaines de pays représentés, du contenu et des activités diverses qui satisferont les participants quels que soient leurs besoins. Mais surtout, surtout, du réseautage du tonnerre: tous les grands noms sont ici, et l’ambiance un peu “américaine” (vu d’Europe) rend les contacts faciles.

Mon rôle dans tout ça: gérer l’attribution des accréditations pour les blogueurs officiels. Un sacré boulot, sur les détails duquel je reviendrai dans un billet ultérieur.

Quelques photos pour commencer: #yulbizpar (rencontre de blogueurs d’inspiration Montréalaise), visite derrière la scène des Docks avec les blogueurs officiels (ils ont clairement bossé toute la nuit pour préparer l’endroit!), et l’album d’Egobox (sur Facebook) montrant nos délires photographiques lors de la Blogger Party au Six-Huit hier soir.

Plus à venir (on parle maintenant de voitures et de l’avenir de l’automobile — le hack “iPad comme auto-radio”, j’adore), tant côté photos que contenu.

Pour voir ce qui s’écrit en ce moment au sujet de la conférence:

Enjoy, que vous soyez sur place ou bien en train de suivre à distance!

WordPress.com Still Messes Up Tags and Categories [en]

It pains me to say it, but much as I love them, they still don’t quite get the difference between tags and categories. Yes, WordPress.com now makes a difference between tags and categories (and have been doing so for quite some time), but they are still missing part of the equation.

  • Categories are big pre-defined drawers to sort your posts in. They’re local.
  • Tags are labels you stick on posts after you have written them. There are tons of them and they’re messy and they’re global.

Logically, links on tags should point to the general WordPress.com tagspace (they do) — and links on categories should point to the local category pages of that particular blog. Only they don’t always.

The “Categories” widget works the way it should. But the rest is a mess. Examples.

  • Look at the Coworking Léman site, which uses the Mistylook theme that I personally love. This article‘s category links to the general WordPress.com tagspace (wrong), whereas this one‘s category links to the local category page (right).
  • The La Muse site, which uses Ocean Mist, makes article categories link to the general tagspace (wrong) but at the bottom of the page, lists categories with the correct links to category pages.

I could find more.

In general, the problem seems to be that article category links are made to link to the tagspace just as tags do. I mean, what’s the point of having a difference between tags and categories (an important one, if you ask me) if you make them behave the same way in the templates? This is a major problem for me. I hope Automattic are listening and will do something about it. (I contacted support but was told, basically, that it was a feature.)

So, please, Automattic: make the links on category names link to local category pages, and the links on tag names take us to the global tagspace.

Thanks!

Atelier IIL sur les médias sociaux: liens et ressources [fr]

[en] Here are links for the teachers who attended my workshops on social media this morning at the IIL in Geneva. Many of the links are in English, so click through them even if Frenc

Ce matin, j’étais à l’Institut International de Lancy dans le cadre d’un formation continue mise sur pied par l’IFP, pour animer deux ateliers consacrés aux médias sociaux dans le milieu scolaire. Comme promis aux enseignants présents (j’en profite encore d’ailleurs pour vous remercier de votre accueil et de votre participation!) je vous donne ici les liens vers les deux présentations Prezi (le tueur de Powerpoint) qui m’ont servi de support, ainsi que quelques liens à explorer:

Les deux présentations en ligne vont évoluer un peu au fil du temps, comme j’ai bien l’intention de les étoffer pour mes prochains ateliers!

Mise à jour 07.01.10: pour s’essayer au blog, ou carrément se lancer dedans, je recommande la plate-forme WordPress.com, ou WordPress.org pour faire une installation sur son propre serveur web — c’est le système qu’utilise le blog que vous lisez en ce moment. Il existe toute une communauté francophone très active autour de WordPress.org. Je vous encourage également à créer un compte Google si vous n’en avez pas encore un afin d’essayer Google Docs et ses documents partagés.

Mise à jour 07.01.10, 19:30: un autre article à lire absolument (merci Jean-Christophe!), c’est “Facebook doit entrer à l’école“. Vous en avez d’autres? Laissez un mot dans les commentaires avec le lien!


Mise à jour 12.01.10: de l’importance des ses mots de passe et de protéger sa boîte e-mail, clé centrale de son identité en ligne, lisez Cette année, le père noël était un pirate (mais pas ce genre de pirate, attention!)

LeWeb'09 is About to Start! [en]

[fr] Me voici à Paris pour la conférence LeWeb. Quelques liens pour suivre la conférence depuis chez vous!

Here I am, sitting in the 104 in Paris, surrounded by a big gaggle of geeky bloggers plugged into the ethernet cables kindly provided at the little tables near the stage.

It’s going to get crazy really soon, so here are a few pointers for those of you who want to follow things as they unfold:

And if you see a mad Scotsman in a kilt at the conference, ask him to show you his latest toy, the PsiXpda! (I just went “ooh” and “aah” and “ooooh” while he was showing it to me.)

(I will tell you later about my arrival in Paris, and escaping the metro to find myself in a huge cloud of smoke, in the middle of a crowd, with CRS cops cordoning off the streets all around…)