“W-Architectures is an architecture and urban-planning agency. The firm brings together a highly-qualified team of architects with international experience.” This is how they introduce themselves and I couldn’t have said it better myself.
I recently published their brand new website, designed by Christelle Bonnet and developed by me. It’s been a pretty long process (they are very busy guys) but it’s here and I like it!
I used mostly WordPress and MooTools to develop it. Everything was designed to be light and subtle, I think I can safely say that it is.
Hey, fellow english-reading visitor, this post is going to be in French! Hope you don’t mind.
Si comme moi vous ne pouvez pas vous empêcher de dire “flim”, “ouiche” ou encore “un pour l’argent, deux pour le spectacle et trois pour le caillou”, cette application est pour vous.
Après une semaine de vacances avec une personne touchée par cette maladie et sans avoir accès à Internet j’ai vite réalisé qu’il me fallait une application contenant tout le script de ce magnifique flim : La Classe Américaine. Je savais qu’un fou avait déjà fait tout le sale boulot et qu’il ne me restait plus qu’à extraire ces données et créer l’interface pour les parcourir…
Grâce à Google Chrome et ses Outils de développement j’ai pu injecter MooTools dans la page. Petite astuce très simple et très pratique (script à copier/coller dans la console) :
var scriptNode = document.createElement('SCRIPT');
scriptNode.type = 'text/javascript';
scriptNode.src = 'https://ajax.googleapis.com/ajax/libs/mootools/1.3.2/mootools-yui-compressed.js';
var headNode = document.getElementsByTagName('HEAD');
if (headNode[0] != null) headNode[0].appendChild(scriptNode);
Après ça, quelques lignes pour extraire les données, les nettoyer et les stocker directement dans le presse-papier au format JSON :
var data=[];
var images=$$('table.script img');
for (var i=0; i<images.length; i++) {
var tr=images[i].getParent().getParent();
var o={};
var scriptTag=tr.getElements('td')[2];
scriptTag.getElements('a').dispose();
data.push({
ts:tr.getElement('small').get('text'),
script:scriptTag.get('html')
.split('’').join("'")
.replace(/\n/, '')
.replace(/<br>\n$/, '')
});
}
console.log(data.length);
copy(JSON.encode(data));
Un petit coup de Flash Builder, saupoudré de Robotlegs et hop, une appli Android ! Pas de version iPhone pour l’instant, mais si quelqu’on m’offre de quoi me payer un certificat de développeur, je ne dis pas non !
Au revoir, Messieurs-Dames. C’est ça, la puissance intellectuelle. Bac + 2, les enfants.
Hop, je viens de payer des nouveaux habits à Ébruiter (le blog qui parle de musique à ceux qui ont des oreilles) qui ne se plaisait plus dans son premier ensemble… Grid system, bien sûr. Toujours WordPress, avec un thème maison (merci Boks et Greg) et des hacks par-ci par-là.
Et puisque finalement j’aime bien le concept, je vais essayer de reprendre l’habitude de poster des trucs. Ça va être super.
Chope le flux, poto !
Un billet en Français, pour une fois.
L’idée est simple : j’écoute beaucoup de musique et j’aime la nouveauté ; je connais des gens dans le même cas ; en parler c’est bien, l’archiver quelque part c’est mieux !
Voilà donc “Ébruiter” : un petit blog entre-nous, sans prétention, pour partager nos points de vues sur nos écoutes respectives. Probablement sans intérêt pour plein de monde mais on s’en fout, on est des dingues.
Nicholas et moi avons ouvert la danse. Alex, Rox et Renaud, faîtes chauffer !
Warning: vulgar (french) content!
More here and there.
Belle typo, beaux acteurs, belle bande son, belles couleurs…
Un beau film.
