Latest articles

Things to learn

25 August, by Fabien

While looking for some inspiration and to reinforce some directions I was considering, I came across this article which shows screenshots of an amazingly simple animation that I immediatly felt in love with: Things to learn

Please take a few seconds to enjoy simplicity…

Accessibilité et SEO sont dans un bateau; les URL propres tombent à l’eau…

24 August, by Fabien

Je commençais à me lasser de voir ces URL générées automatiquement en fonction du titre du post (avec SPIP), parfois coupant des mots importants, parfois ne les coupant pas, etc. Il manque cruellement à la solution par défaut une possibilité de décrire explicitement l’URL que l’on souhaite afficher.

Je considérais vraiment la possibilité de créer un jeu d’URL qui ne prendrait en compte que l’identifiant de l’objet (article, rubrique, document…), ceci afin de ne conserver dans l’URL que cet élément invariant — le moins invariant possible de la base de donnée —, et ainsi éviter d’avoir à gérer une correspondance « titre vs. URL propre » dans le cas où le titre viendrait à changer.

En suivant un lien de @sebcbien, j’ai pris conscience qu’au‑delà d’un potentiel bénéfice niveau SEO (qui n’est pas ma préoccupation principale pour ce site), les URL propres représentent un bénéfice direct pour les personnes aveugles, car celles‑ci peuvent les renseigner implicitement sur le type de contenu vers lequel mène un hyperlien.

En résumé : développez pour les moteurs de recherches si vous voulez, mais sachez qu’en développant pour les handicapés — pas seulement les aveugles ou malvoyants —, il y a de très fortes chances que vous augmentiez votre SEO de fait.

Je vais plutôt m’atteler à chercher / faire un plugin pour modifier l’URL à la création de l’article à la place…

amiina: puzzle

18 August, by Fabien

Just received a newsletter today and thought I might share the news, since I do like their peacefull and soothing melodies:

It’s finally time to tell you that we’ll be releasing our album, Puzzle, next month! Yippeee!
Before we announce the exact date, we have some stuff lined up for you...

FIRST we’d like to invite you to visit our new site that’s being set up right now: www.amiina.com
So far it’s just a front page, but over the next few weeks you’ll see more sections, and news of the soon to be released Puzzle added to the site. So be sure to follow us there.

Also, note that there’s a button on the right of the front page (and this leads us to the SECOND thing) If you push it you’ll get a free track from our upcoming album!

And THIRD, on the new site, you’ll find some show-dates for September and October in Europe.

So... there you have it: a free track, new website and show-dates!

Hope you enjoy :)

love,

amiina

That definitively brings me closer to Iceland; ’hope you’ll enjoy…

Next step for next layout

1 August, by Fabien

I’m still playing around with the next layout

I got rid of the form which didn’t really make any sense in fact, sorry Opera folks. That means URL are starting to be cleaner already, and that allows me better possibilities with tweaking, with less operations on the server side. Another reason is also that rel="tag" won’t work on button elements, as far as I know, since it only matches elements with an URL.

Other things on the list will include removing some default behaviors of filters; too much options doesn’t really make things easy for users, even if graphically, it might be more interesting.

Talking about filters, I’ll have to explain how each one of them works, since clicking on a language, a section or time‑line, or a tag will not behave the same way. That gives us three categories and hopefully three different styles (colors plus other means).

I’ll also clean up these huge descendant selectors; they’re clearly not the more effective ones Web‑design ever experimented. :)

Paris Web 2010

(français) 19 July, by Fabien

This year’s a special year for Paris Web. It’s the 5th consecutive year the conference is held.

It’s growing bigger, but with affordable prices, it still aims to remain accessible to everyone who’s interested. The fact that speakers are not paid but defrayed also means that people that are present come for a real purpose, and definitively not for money or just for networking.

There is content, and content matters.

I’m insanely honored and happy to be giving a talk there in October, and that’s gonna be awesome to be on the other side of the event. For those who care about where we head to, and how, please attend Paris Web 2010: it will be full of incredibly talented speakers.

The whole team also deserves a big Ola — deal? Let’s do just that… — for all the sweat they put into the organization.

I got one big smile…

C’est si bon…

19 July, by Fabien

Depuis que superbobob a retrouvé un travail en agence, il est devenu beaucoup plus disponible sur Jabber. Outre le fait que cela me manquait, je savoure certains moments à leur juste valeur :

Fabien
15000RMB
superbobob
c’est bon, y a 15 dedans
Fabien
88888, c’est mieux.
superbobob
15000 right mouse buttons, ça fait beaucoup de souris
Fabien
quinzeu mille right mouse buttons, nanananana nanananana naaaa…
Fabien
C’est pas une chanson ?
Fabien
une allemande, je crois.
superbobob
sisi
superbobob
Nena Logitech
Fabien
:)

Urbanisme virtuel…

11 July, by Fabien

Tous les matins, je me réveille avec le 7/9 sur France Inter.

Le 03 septembre dernier, j’écoutais donc comme à mon habitude et ô joie Saint‑Denis — non c’était une spéciale Lille, en fait — et l’invité n’était autre que Christian de Portzamparc.

8:52
Stéphane Paoli
Est‑ce qu’on ne se repère pas plus par rapport aux villes et à leur identité propre que par rapport à une identité nationale ?

C’est ce que j’avais noté alors, je n’affirmerais pas que c’est ce qu’il a effectivement demandé mot pour mot.

Bon…

La question me paraissait intéressante, et je n’ai même pas écouté la réponse. Une belle réponse d’architecte pleine d’emphase et de périphrases. Mais quand même, c’est vrai que nos cultures actuelles ont de plus en plus tendance à se recentrer sur l’individu. Car si Paoli parle d’identité urbaine, qu’en est‑il lorsque l’on aborde Internet, qui justement, absout tout système de localisation, si ce n’est par la technique et les adresses IP (je ne me vois pas identifier quelqu’un par son adresse IP lors d’une conversation, ça fait trop mauvaise pub).

Identité nationale > identité urbaine > identité de quartier (Chinatown, Little Italy, etc...) > ... > individu.

Moi moi moi.

Quand je parle d’architecture virtuelle à quelqu’un qui ne s’intéresse pas forcément au sujet, la réponse pleine d’incompréhension et plutôt gênée se décline comme ça : «Mais on ne peut pas vivre dedans, c’est pas de l’architecture.»

Alors non, on ne peut pas vivre dans un écran, c’est sûr. Mais arrive‑t‑on mieux à vivre dans une feuille de papier calque ? J’ai essayé, je me suis fait engueulé parce que j’avais bousillé les plans.
Voilà, c’est malin ça.

Par contre, il est plus facile d’appréhender un espace virtuel dans la mesure où il se situe dans une représentation de notre environnement que nous avons l’habitude d’expérimenter, avec trois dimensions (essayez d’enlever vos lunettes ou de fermer les yeux pour voir s’il ne s’agit pas d’une représentation :) ).

Bon, ce n’est pas qu’une représentation, OK (ou alors il est temps de songer à nous suicider parce que cela voudrait dire que nous sommes au sein d’une matrice et que nous nourrissons des machines... erk).

Disons cependant que les datagloves et autres procédés permettent un début de sensation de l’espace virtuel qui nous entourerait, et ce de façon de plus en plus convaincante. Ne reste plus qu’à mêler biologie et informatique, et la matrice est prête.

Au final se développe une réelle identité virtuelle, dans le sens où des mécanismes de sociabilisation s’établissent, avec des notions de groupes et de hiérarchie parmi ceux‑ci, des castes ? Quand est‑il alors du quartier, de la ville, de la nation ?

On ne se groupe plus par position géographique mais par centre d’intérêt. Et «le centre d’intérêt, c’est moi».

Heureusement qu’il existe encore de vrais altruistes pour enrayer ce débat égocentrique.

Toutes ces phrases sont assez confuses, je pense, mais c’est un début de réflexion ; des mots balancés assez vite pour avoir une base. Et ce serait un plaisir d’en parler avec des gens ouverts. Je manque encore de référence dans ce domaine.

Kill the FM remixed

(français) 10 July, by Fabien

v2 of Kill the FM just hit production phase this week‑end. So yeah… exit green and welcome white.

I couldn’t help much with this version, but there’s some pieces of me inside, and I’m pretty happy I could give a hand somehow.

Congrats to Carine and all the team for the work! Keep on enchanting our ears, please!

New layout under testing…

6 July, by Fabien

I was mentioning this a few days ago: the actual layout definitively need to be updated or changed.

Let’s change, but let’s test it first.

As this area is a workshop, it’s hardly ever finished. My goal today is to prepare something I can tweak and enhance later on. That is, this is mainly a wire‑frame, even though I’d love to keep it “like this” somehow.

I played a bit with HTML5 and since I’m kind of going crazy with liquid layouts these days, it should be readable on multiple resolutions. You should then be able to zoom in or out from whatever screen resolution and still have no scrollbars. You can try to use it on a 200 pixels wide device, but you might be willing to switch off positioning — though it might work.

Forms are definitively part of the game since all the header is a big ol’ form. Good thing with having a navigation based on forms is that you finally can navigate the menus with Opera without having to use crazy shortcuts: Tab is enough, and I love this one.

So for example, if you want to reach articles about Paris‑Web, you can either click on the months and/or days when those events happened, or just click on “Paris‑Web” tag.

I need to make the colors or behaviors reflect the additive or substractive behaviors of the menu for sure. Any tip on this is welcomed. Other problem with these rules is that you might end on a dead end, which is not so nice.

Planned are nicer URL — that won’t be difficult to make it at least better, ahem —, better graphics, and possibly a resurrection of the myah the day canvas officially starts to support 3D via WebGL.

And there’s a bit more… but there’s things that should never be explained.

Any comments are welcomed and encouraged, of course! But most of all, play around and enjoy it, please!

restore lost icon after installing Thunderbird 3.1 from Ubuntuzilla package

26 June, by Fabien

I installed Thunderbird 3.1 from Ubuntuzilla packages a few minutes ago and lost the icon in Docky. I wasn’t so happy with that, so I checked around to find a solution.

The reason appears to be that the system is looking for /usr/share/applications/thunderbird.desktop whereas Ubuntuzilla creates a file called /usr/share/applications/Mozilla Build of Thunderbird.desktop; this is not right.

Just rename the culprit file to thunderbird.desktop and you’ll be a happy bunny as me.

That might not be the best solution ever, but it seems to work pretty well so far.

Just a tip…

25 June, by Fabien

If you find yourself in a dead end with some code you don’t seem to be able to solve: get off your screen, sit on your toilets, and think about it with no help whatsoever (paper, pen…).

You might even end traveling in time.

:first-child pseudo‑class and the <caption> element

22 June, by Fabien

case solved, thanks for the answers!

So… I was answering a rant from one of our readers, and I came across something I can’t find any answer to, but “WTF?” (Excuse my French).

When using the following codes, the <caption> element looks like being ignored by browsers as the first child of <table>; I made a test case in the codeplay section:

CSS

table tr:first-child {
  color: #f00;
}

HTML

<table>
  <caption lang="it">è un'ingiustizia però</caption>
  <tr>
    <th>code</th>
    <th>comment</th>
  </tr>
</table>

Since I can’t find any reason why this would be the case, I’ll ask the Web: Dear lazy Web, do you have any answer to this question? Not “WTF?”, but “Why is <caption> ignored as the first child of <table>?

The DOM in Firefox says it’s children[0] of <table>, which is fine with me! But why would the rendering behave an other way?

Happy birthday!

15 June, by Fabien

This website is now nine years old today. Well well well…

Still have around 1400 articles to put back online, once they’re cleaned up from the previous home made CMS tag’s and typos. Oh, and something new to come…

Dear blog, I hope you’ll make it to your 10th!

Just a thought.

12 June, by Fabien

This unfinished layout is really getting on my nerves. ’Will change it in the month to come; I’ve been sketching enough to make ten different layouts already, maybe this should be confronted to reality somehow.

Stay tuned.

China‑Europa Forum

(français) 28 May, by Fabien

For this project, ACS Horizons hired me to optimize the code of the existing website. Most of the work has then been done on the back‑end side, even if numerous improvements have been made on the front end, like a semi‑fluid layout instead of a fixed width of 1000px.

The challenge was interesting, especially considering the many exceptions to a number of website’s rules, added to that its availability in three different languages and the cultural clash in uses there is sometimes between Chinese and Western users.

Based on Spip because of it’s good multi‑lingual support, the skeletons have been upgraded and replaced by Zpip. A lot of work has been made to ease editor’s needs while still being flexible with what they want to show, when, and where.

0 | 15 | 30 | 45 | 60 | 75 | 90 | 105 | 120 | ...