Miike Snow - Silvia photo

Miike Snow – Silvia

by · Lecture: 2 minutes

Bon, ce n’est pas tout mais c’est que la fin du monde approche à grands pas!

Voici le clip post-apocalyptique (et probablement avec des gens cherchant de la drogue) de Silvia par Miike Snow:

Reached the city steps tonight
Following the power lines
Met a man bar side
With eclipses for eyes

And you tell yourself you won’t let them touch
Did I say too much?
Did I say enough?
I don’t know… Silvia
I don’t know… Silvia

Circle round the room still
Have fun breaking my will
You know I can’t have you here
With someone else on your skin

And it’s all my fault for not getting off
So you made it start, can you make it stop?
You don’t know… Silvia
You don’t know… Silvia

Reached the city steps tonight
Following the power lines
And your skin is so white
Underneath the black night

And your voice cries out for the coup de grace
When the lights go out will there be a trace?
That I loved… Silvia
That I loved… Silvia

Miike Snow est un groupe musical originaire de Stockholm baptisé en hommage au réalisateur japonais Takashi Miike (qui a réalisé DOA, Zatoichi, et qui joue dans Hostel) et composé d’Andrew Wyatt, Christian Karlsson et Pontus Winnberg.

Ces deux derniers composent le duo Bloodshy & Avant, connu pour avoir produit plusieurs titres à succès de la chanteuse Britney Spears.

Cracker - Low photo

Cracker – Low

by · Lecture: 3 minutes

Here’s Low by Cracker (off the album Kerosene Hat), a song that I played over and over when I was at college.

It used to be my driving song: I’d pop that CD in, turn the volume up and drive the night away with no particular destination.

In that sense, I often identify with Nick Carraway, the character who narrates The Great Gatsby.

Tuning:Standard

Guitar 1 - Simple chord riff, D, then C, then E5, then G in the following pattern.  
the verse it is an acoustic guitar and then switches to the same as guitar 2, an electric distorted.

   v   v^v   vv  v   v^v    vv
e|-2---222------------------33----------------------------------------------|
B|-3---333---11-------------33----------------------------------------------|
G|-2---222------------------------------------------------------------------|
D|-----------22---2---222---------------------------------------------------|
A|-----------33---2---222---22----------------------------------------------|
E|----------------0---000---33----------------------------------------------|

Guitar 2 has two parts, the first is played at the intro and chorus:

e|---------------------------------------------------------------------------|
B|-44554h5-55454554h5--88----------------------------------------------------|
G|-44444---44444444----44----------------------------------------------------|
D|---------------------------------------------------------------------------|
A|---------------------------------------------------------------------------|
E|---------------------------------------------------------------------------|

The second is played during the verse, and sounds mostly clean:

e|--11b12--------------------------------------------------------------------|
B|---------------------------------------------------------------------------|
G|9--------------------------------------------------------------------------|
D|---------------------------------------------------------------------------|
A|---------------------------------------------------------------------------|
E|---------------------------------------------------------------------------|

Then the solo, with distortion
e|---------------------------------------------------------------------------|
B|---------------------------------------------------------------------------|
G|---------------------------------------------------------------------------|
D|--9b--9--9-----------------------------------------------------------12----|
A|--12b-10-10----------------10---1010101010-10-10---------10h10-12s14---14--|
E|------------10-12-12-10h12---12-1514141210-10-10h12-10h12------------------|

e|------------------------------------------|
B|-----11-12-11-----------------------------|
G|---14---------12--1414-1212-1414-1414-14--|
D|------------------------------------------|
A|------------------------------------------|
E|------------------------------------------|

Lyrics
==============

Sometimes I wanna take you down
Sometimes I wanna get you low
Brush your hair back from your eyes
Take you down let the river flow

Sometimes i go and walk the streets
behind a green sheet of glass
A million miles below the streets
A million miles, a million miles

D          C        E          G
Being with you girl like being low
hey hey hey like being stoned
Being with you girl like being low
hey hey hey like being stoned

A million poppies gonna make me sleep
But just one rose that knows your name
The fruit is rusting on the vine
The fruit is calling from the trees

Hey hey dont you wanna go down
Like some disgraced cosmonaut
A million miles below the streets
A million miles a million miles

(chorus)

(solo)

Blue blue is the sun 
Brown brown is the sky 
Green green are her eyes 
A million miles a million miles 
Hey hey don't you wanna go down 
Like some displaced cosmonaut 
A million miles below the streets 
A million miles a million miles 

(chorus) 
Code language: JavaScript (javascript)

We are all drifters.

More : Cracker.

HTML5 : corriger l'erreur "The frameborder attribute on the iframe element is obsolete. Use CSS instead." photo

WordPress : valider le code oEmbed Youtube en HTML5

by · Lecture: 2 minutes

Le problème : le code des vidéos n’est pas valide en HTML5

Maintenant que nous avons mis à jour le code des oEmbed Youtube, nous allons rendre le code de l’iframe valide. Voici ce que le code oEmbed de WordPress donne par défaut avec un lien Youtube :

<iframe src="https://www.youtube.com/embed/Gvh2Zo7UL6E" width="660" height="371" frameborder="0" allowfullscreen="allowfullscreen"></iframe>Code language: HTML, XML (xml)

Résultat:

Or le petit problème, c’est que tout cela n’est pas vraiment valide au niveau W3C et je commence à me lasser de voir ces erreurs de validation sur toutes les pages du site avec des vidéos :

Erreur 1 : Attribute allowfullscreen not allowed on element iframe at this point.
Erreur 2 : The frameborder attribute on the iframe element is obsolete. Use CSS instead.Code language: JavaScript (javascript)

La solution : filtrer le rendu oEmbed de WordPress pour purifier le code

HTML5 logo

Voici donc la solution que j’ai mise en place sur le site : je filtre le code oEmbed de WordPress de manière à retirer le tag allowfullscreen qui n’a rien à faire là et à supprimer l’attribut frameborder, que je remplace par un style="border: none".

Éditez le fichier functions.php de votre thème et ajoutez-y cette fonction:

<?php
/*
|-----------------------------------------------------------------------
| Sky oEmbed Filter by Matt - www.skyminds.net
|-----------------------------------------------------------------------
|
| The sky_oembed_filter() function attempts to validate WordPress 
| video oEmbeds for HTML5.
| $return is the normal HTML that the oEmbed process would return. 
| $data is the data received from the oEmbed call, in an object format. 
| $url is the original URL being queried for oEmbed info. 
|
*/
add_filter('oembed_dataparse', 'sky_oembed_filter', 90, 3 );
function sky_oembed_filter( $return, $data, $url ) {
 	$return = str_replace('frameborder="0" allowfullscreen', 'style="border: none"', $return);
	return $return;
}Code language: HTML, XML (xml)

Notez que WordPress cache les résultats oEmbed dans la table postmeta donc après avoir installé ce code et si vous voulez vérifier que cela fonctionne, éditez un article pour que le postmeta se mette à jour.

Voilà, vos pages avec vidéos YouTube devraient maintenant être valides.

← PrécédentSuivant →