La contrainte ici, c’est que cela ne fonctionnera qu’uniquement sur une url type /page/N, vu que les URL avec le titre du morceau à l’intérieur ne fonctionnent pas étant donné qu’elles ne récupèrent pas l’ID de la page comme le fait /page/N. Merci tumblr.

Bref, pour ceux que ça pourrait intéresser et faire genre j’sais utiliser la librairie jQuery, voici le code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

jQuery("body").keydown(function(event) {
	// Si le keycode de l'event (= touche pressée (keydown)) est 82 (correspond à la touche "r")
	if (event.keyCode == '82') {
		// On récupère les pages total avec le tag qui va bien de Tumblr
		var totalpages = {TotalPages};
		if (totalpages > 1) {
			// Ensuite, le calcul qui va bien pour sortir un numéro entre {1;totalpages}
			var randPage = Math.ceil(Math.random() * totalpages);
			// On redirige la fenêtre vers /page/randPage
			window.location.href='/page/'+randPage
		}
	}
 
	// Si le keycode est celui de la touche "h"
	if (event.keyCode == '72') {
		// On redirige à la racine
		window.location.href='/'
	}
	// Si le keycode est celui de la touche "j"
	if (event.keyCode == '74') {
		// On var l'id de la page courante
		var currentpage = {CurrentPage};
		// Si elle est suppérieur à 1 (pour ne pas aller à /page/0/ et inférieur)
		if (currentpage > 1) {
			// On va à currentpage-1
			var prevpage = currentpage -1;
			window.location.href='/page/'+prevpage
		}
	}
 
	// Même principe que pour la touche "j", sauf que là, c'est "k"
	if (event.keyCode == '75') {
		var currentpage = {CurrentPage};
		if (currentpage > {TotalPages}) {
			var nextpage = currentpage +1;
			window.location.href='/page/'+nextpage
		}
	}
});

Ensuite, un coup de JavaScript Compressor pour gagner en performance sur la page et zou.

Egalement l’occasion pour moi de tester Sublime Text v2, chaudement recommandé par @_kud, qui n’a pas l’air trop vilain.

Allez, kiss !

Post-traitement (Lightroom) :

• Preset Noir et blanc
• Baisse de l’exposition
• Recadrage ratio 1×1 (carré)
• Recadrage pour décentrer les mains
• Vignettage (preset Lightroom)

Merci à David, Clément, Greg, Benjamin, Vanessa et Johanne pour leurs avis. :)

Bref, aucun rapport, enfin si, mais non, bref, voilà, des mains.

Et la plus belle pour la fin.

Le reste se trouve sur l’album flickr.

Allez, kiss (© Poussin), et, well, merci.

La suite se trouve sur Flickr.

Du coup, c’est marrant, ça me rappel beaucoup de choses de ma tendre adolescence (tuez moi). Par exemple, la personne qui m’a fait connaître Linkin Park, leur concert à Bercy à faire du yaourt sur leur chanson, toujours avoir les posters & les drapeaux dans ma chambre (chez mes parents) qui resteront là encore longtemps, je pense.

Linkin Park a été le premier groupe de métal que j’ai écouté. S’en ai suivi System Of A Down, la même claque auditive, pour continuer sur d’autre groupes qui tombent, cette fois-ci, dans le « un peu plus hard ». C’est tombé dans la même période où j’écoutais beaucoup de Hardcore. Ca devait être lié.
Ensuite, bon, toujours plus loin, on m’a fait découvrir Eths, la même claque, surtout sur Animadversion, la montée du violon me donne encore des frissons.

Dans le même délire qu’Eths, The Agonist.

Ce que j’aime dans ce groupe, c’est les changements soudains de la voix de la chanteuse. Et spécialement sur cette chanson : un coup, elle sacrifie sa voix, la mesure suivante elle a une voix toute fluette. Comment peut-on rester insensible à ça ? Lorsque j’avais 40 minutes de métro le matin, l’album y passait, un vrai régal. Et quand je monte dans la barque des Internets, c’est cet album que j’aime écouter.

Bon, ensuite du plus hard, qui me rappel surement la période où j’écoutais que du Hardcore. Crytopsy, Hackneyed, Atreyu, Success Will Write Apocalypse Across The Sky et puis The Berzerker.

On me demande souvent ce que j’arrive à écouter dans « ces chiens qui aboient » / « ces gens qui vomissent » « ce’est pas de la musique ». Je sais pas. J’arrive toujours à déceler une petite mélodie, au fond, quelque chose qui me fait un peu vibrer, qui fait que ce n’est pas une succession de bruits, mais une performance mélodique, que les gars se déchirent physiquement pour faire ce qu’ils font. C’est ça que j’aime chez eux.

Bref, ça fait 3 jours que j’écoute Demo 1999, je voulais juste parler de ça et finalement, non.

PS : Maman, oui je vais très bien, non je ne vais pas aller dans un lycée et fusiller tout le monde.

Allez jeter un oeil sur le porfolio d’iLK, il met bien. Genre, beaucoup bien.

Très vite, inscription sur Facebook, Twitter etc. Je reçois toute les notifications du monde, tout est dans ma inbox, j’arrive à 4000 mails inbox juste en « non-lus », tout va bien, rien ne me dérange. Jusqu’à ce que Darklg (ENCORE LUI) ne voit ça et rigole bien fort : je n’utilise pas les libellés, option proposée par le client mail.

Les libellés te changent la vie

Alors la, frénésie. Je me renseigne sur les libellés, les filtres, glanant informations, surtout l’article de Gonzague « Inbox Zéro : comment je (tente) de gérer mes mails« . Je m’inspire très vivement de son explication des libellés, des filtres, de l’archivage. Hop, ni une ni deux, création des libellés.

L’intérêt de ces libellés sera créer différentes inbox et ensuite pouvoir archiver nos mails. Cette option est intéressant, encore plus intéressante si vous créez des filtres : dès réception d’un mail de Twitter, en fonction du contenu, je peux le labellisé sous Communauté/Twitter/NomDuCompte. Il arrive en inbox déjà labellisé, je regarde son contenu et hop, archivage, on en entend plus parler.
Si vous avez, comme je faisais moi, 4000 mails dans l’inbox que vous souhaitez labelliser, les filtres sont là pour vous aider :)

Plusieurs inbox : diviser l’information pour mieux régner.

Concernant les différentes inbox, je me suis tout simplement inspiré de cet article lu ce matin qui t’explique comment créer différentes inbox.

Les miennes sont crées comme suit :

La première, bien évidemment les mails non-lus. Ils sont pour la plupart labellisés. Si ce n’est pas le cas, je créé soit un label parce que le mail vient d’un nouveau site auquel je me suis inscris, soit c’est un mail perso qui héritera du label /perso/A traiter/. Il faut absolument que cette inbox soit le plus vide possible, pour être le plus tranquille et ne pas se dire « tiens, je dois traiter ce mail » : en le labellisant et en le changeant d’inbox, alors vous avez fait déjà 1/4 sinon la moitié de son traitement.

La deuxième, « Perso/A traiter » sont les mails que je n’ai toujours pas traité (par exemple, quelqu’un qui m’a corrigé un article :<), ou dont j'attends une réponse de la personne visée. Une fois que ces mails seront traités et le sujet clos, boom, archivage.

Pour la troisième, et bien, je sais pas trop, on verra avec le temps :)

Bref, voilà ma méthode pour gérer mon compte mail. Surement à optimiser, hein, j’ai créé les 3 inbox que ce matin, mais voilà, rappelez vous que moins il y a de mails dans votre inbox et mieux vous vous porterez !

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Projet</title>
		<link href="style.css" rel="stylesheet" type="text/css" />
		<script src="http://code.jquery.com/jquery-latest.js"></script>
		<style type="text/css">
			body { margin:0;padding:0; }
		</style>
	</head>
	<body>
		<script type="text/javascript">
			jQuery(document).ready(function() {
				$("body").append("<h1>Et hop !</h1>");
			});
		</script>
	</body>
</html>

Au menu : un doctype HTML5, un miniminiminiminireset CSS pour vérifier que le CSS est bien déclaré, un h1 directement inscrit dans le DOM avec jQuery pour être sûr que ce dernier soit chargé, et voilà.

Simple, net et efficace.

Des choses à ajouter / modifier ? :)

Le concept est simple : presque deux minutes de plans très cours, un acteur principal qui nous raconte sa vie à travers une voix off, des touches humoristiques très courtes sur le temps pour aller avec les plans très cours. Ça va vite, les vannes s’enchainent, les situations aussi, le scénariste fait son boulot, tout le monde est content. Ceci est la première chose qui explique, selon moi, son succès.

La deuxième chose, on va pas se le cacher, c’est que la France est incapable de créer ses propres séries. La pauvreté du scénario de Plus Belle La Vie, le manque d’humour de Scènes de Ménage, le plagiat de CSI (Les Experts pour les plus frenchfags d’entre nous) par RIS m’en sont témoins. Je ne parlerai volontairement pas des bullshits sauce Joséphine, Ange Gardien ou Camping Paradis, hein.

D’un côté, on essaye de faire aussi bien sinon mieux que les séries américaines qui cartonnent. On essaye. Mais ça ne marche pas, nous tombons dans une caricature imbuvable où on est qu’obligé de se dire « hé mais, c’est moins bien que Les Experts/série US qui cartonne ! » du coup, les séries françaises n’accrochent pas. C’est forcément mieux ailleurs.

De l’autre, on essaye de créer un concept humoristique. Mais le PAF n’a pas d’humour. Ce n’est qu’un triste constat : le Français moyen préfère s’abrutir devant Koh Lanta (concept américain) ou encore Secret Story (concept américain) voire pire : Qui Veut Epouser Mon Fils (concept dérivé d’un concept américain).

Ainsi, les deux personnes à l’origine du projet Bref ont vu une niche dans laquelle se mettre. Le Français a faim d’humour. Le Français ne veut pas les saisons 4, 5 et 6 d’emofag de Kaamelott. Le Français veut le succès des saisons 1 et 2. Le Français ne veut pas des deux tarés des « nouveaux » Caméra Café. Le Français veut revoir Vévére et JC. Bref a senti le coup. Elle l’a bien fait, mais n’a pas su s’arrêter à temps (Caméra Café) une fois que le concept a été saigné ou n’a pas su se renouveler pour toujours proposer quelque chose de nouveau (Kaamelott).

Parce que c’est ça, le plus gros défaut de Bref, aujourd’hui. C’est de trop pousser son propre concept, trop l’exploiter. Le concept, c’est quoi : on prend un mec, ni trop beau ni trop moche donc à qui on peut s’identifier, des situations tout à fait normales. On rajoute la plume de Navo, les situations deviennent drôles et hop, ça fait Bref. Ca sera quoi, la prochaine histoire ? « Bref, j’ai pas repassé ma chemise » ? « Bref, je n’ai plus de dentifrice » ? « Bref, j’ai acheté une poubelle » ? Allez, les gars, allez.

Je suis en train de relire le paragraphe que je viens de taper. Je viens de résumer la série en une 30aine de mots. Au secours.

Voilà pourquoi Bref se cassera la gueule : les gens, moi en premier, ne trouveront plus la surprise des deux premiers épisodes où tu te disais « putain, c’est nawak, c’est drôle, c’est peut être pas assez consistant mais c’est obligé qu’ils vont proposer un VRAI quelque chose, attendons de voir ». J’attends encore, malheureusement. Un peu comme la clope. La première, douce euphorie. Tu la retrouves dans la deuxième, la troisième. Et tu te mets à cloper pour retrouver les sensations de la première. Sauf qu’elle ne viendra jamais.
Sauf que là, nous ne sommes pas rendus addictes de la série. Et c’est ce qu’il manque cruellement.

Alors oui, voilà, après, ça passe sur le Grand Journal (qui, je pense, va aussi se casser la gueule et changer très vite de formule, hein, les gars, faites pas les cons, Yann, reviens-nous, on t’attend ma douce), donc à un moment de forte audience (essayez de passer Bref à un autre moment, juste pour voir, pas dans un « entre-deux » d’émission). Également, il y a gavé énormément de références cachées, il y a des « guest-stars » (je ne veux pas développer ici) qui font que le bouche à oreille fonctionne bien, oui, c’est bien tout ça.

Mais jusqu’à quand ? Jusqu’à quand l’effet de buzz va perdurer, jusqu’à quand les gens seront aveuglés par leur soif d’humour ?

Bref, voilà mon avis. Enfin voilà. Article qui n’engage que moi, qui est parti d’un Tweet de mygreg et qui ne demande qu’une chose : être débattu.

Je me suis mis récemment à utiliser la bibliothèque jQuery. Du coup, je vais pouvoir mettre dans mon CV « intégrateur et développeur en jQuery », nickel, comme tout ces petits trous du culs qui le font si bien et en sont si fier. Mais ce n’est pas le débat ici. Le débat, c’est que je me suis confronté ce matin à un petit problème. J’ai codé, en JavaScript, à l’aide de la bibliothèque jQuery, un vérificateur de formulaire. Qui va, comme son nom l’indique, vérifier les données saisies d’un formulaire, à savoir : vérifier que les inputs obligatoires ne sont pas vide, qu’un <option> d’un <select> est bien sélectionné, qu’une checkbox est bien check, etc.
Dans un soucis de facilité, pour rendre ces éléments obligatoires à la saisie / modification, il n’y a qu’a leur ajouter une class prédéfinie.

Le soucis ici a été au niveau des <select> dont voici le code, pour se remettre dans le contexte :

1
2
3
4
5
6
7
8

<select class="obligatoire">
<option>Veuillez choisir votre civilité</option>
<option>Monsieur</option>
<option>Madame</option>
<option>Mademoiselle</option>
<option>Transgenre</option>
<option>Ne se prononce pas</option>
</select>

Le soucis qui n’en est finalement pas un : si vous me suivez sur Twitter, vous avez surement vu que la solution la plus simple, à savoir :selected ne s’est pas présentée à moi.
J’ai écrit 6 paragraphes de bullshits pour retourner le problème dans tous les sens et au final, non, l’algo est simple : pré-remplissage ou non, il faut juste checker si le premier enfant (:first-child) de notre select.obligatoire est sélectionné (:selected) ou non. Si c’est le cas : problème. Sinon, non. Voici le code :

1
2
3
4
5
6
7
8
9
10
11
12

/*
	Pour chacun des <select> :
		- on sélectionne le premier élément des select; uniquement s'ils sont sélectionnés (:selected)
		- on passe en argument dans le function() une variable qui s'incrémente ainsi que l'élément matché (elem) (ça peut servir, on sait jamais)
*/
jQuery("select option:first-child:selected").each(function(i, elem) {
	// OPTIMISATIOOOOOOOOOOOON
	var elem = $(elem);
	// On affiche dans la console les éléments matchés
	console.log(elem);
});
// --- EOF; ---

Alors oui, cet article ne sert strictement à rien, tout ceux qui commencent jQuery arrivent à faire ça, mais c’est pour la fierté d’avoir fini cet article, tavu.