Articles

jDocumentary : ça avance !

07/2011

+ Commenter cet article

Mon nouveau projet du moment est un plugin pour jQuery qui permet de créer des documentaires sur Internet, avec un simple fichier de configuration où tout le scénario est paramétré simplement.

Mais qu’est-ce que le webdocumentaire ?

Beaucoup de gens débâtent en ce moment pour donner une véritable définition. Mélange de plusieurs genres, emprunt d’un esprit Web 2.0, le webdocumentaire suscite aujourd’hui tous les intérêts. Pour Léa Baron, qui tente d’apporter une réponse dans son article sur webdocu.fr, il faut retenir ceci :

Le webdocumentaire est un documentaire multimédia diffusé et visionnable sur Internet. Sous forme de vidéos, photographies, sons et textes, le journaliste livre un récit non-linéaire que l’internaute peut parcourir selon différentes entrées. Il peut choisir quelles informations il veut obtenir grâce à l’interactivité, véritable caractéristique du webdocumentaire. Aucune règle ne régit cette nouvelle écriture journalistique, libre à chacun de créer ses propres codes d’où la valeur expérimentale de ceux publiés actuellement.

Pour moi c’est surtout certains aspects techniques qui sont caractéristiques. Le fait de proposer une interface graphique épurée, donnant pleine place aux images, permettant au visiteur de naviguer rapidement et facilement entre les pages, compatible sur tous les navigateurs, et s’intégrant parfaitement dans la navigation sur le Web ; c’est un peu ça le webdocumentaire.

jDocumentary : faire des webdocumentaires sans se soucier de l'aspect technique

Le principe du projet est extrêmement simple : un scénario est composé de plusieurs pages. Dans les pages ont peut afficher un peu de tout : du texte, une vidéo Youtube, une image, une carte, etc.… Pour lier les pages entres elles, on ajoute des boutons. Et voilà !

Lire la suite...

jQuery Open external link in new window

07/2011

+ Commenter cet article

Voici une petite astuce pour ouvrir automatiquement tous les liens externes dans une nouvelle fenêtre avec la librairie jQuery, si ça vous interesse. Avec le code CSS, ça permet aussi d’ajouter une petite icône à côté des liens.

Voici le code Javascript :

$("a:not([href^='http://"+window.location.hostname+"/'])").attr("target", "_blank");

Et voici le code CSS :

#content a[href^="http://"] {
  padding-right: 14px;
  background: transparent url(images/popup.png) no-repeat center right;
  target-name: new;
  target-new: window;
}
#content a[href^="http://localhost"],
#content a[href^="http://votredomaine.com"] {
  padding-right: 0;
  background-image: none;
  target-name: current;
  target-new: none;
}

Si vous cherchez une autre solution sans jQuery, ce site propose une autre solution.

Zeche Hugo

03/2011

+ Commenter cet article

Début 2011 nous avons eu l'occasion, avec mon pote Pompom, de faire un tour en Allemagne pour une session d'Urbex. Ce fut pour nous l'opportunité de visiter l'ancienne mine de charbon Zeche Hugo qui se trouve dans la région de Gelsenkirchen-Buer.

Bien qu'une grande partie de l'installation soir démolie, et qu'une autre soit encore en activité, la mine abandonnée comporte une salle très spéciale qui vaut le détour à elle seule. Il s'agit d'une immense sale tout en longueur servant de vestiaire pour les mineurs. Séparée en deux zones, le « while kaue » où les mineurs pouvaient retirer leurs vêtements de travail pour se rhabiller en civile ; et le « black kaue » où ils pouvaient se dépoussiéreur et prendre une douche. Dans cette salle se trouvent des milliers de petits paniers individuels, suspendus au plafond par des poulies, qui servaient à déposer les affaires des mineurs avant qu'ils ne s'enfoncent dans la mine. Chaque mineur possédait sa propre clé qui lui donnait accès à son propre panier, où il pouvait conserver ses affaires les plus précieuses.

Je ne sais pas si on déjà compté tous les paniers, mais on dit qu'il y en aurait probablement plus de 5000 !

Si vous souhaitez avoir plus d'informations sur cette ancienne installation minière, l'article Wikipédia (en Allemand) est relativement complet et retrace convenablement l'historique de ce lieu si particulier. Et si vous faites de l'Urbex vous aussi, vous y trouverez l'emplacement géographique précis :)