Le principe de la plateforme hinterland, c’est de fournir une base arrière pour exploiter et présenter des données en s’affranchissant des logiciels propriétaires.

Plus particulièrement, nous collectons, produisons ou améliorons des modèles et des outils permettant de mettre au point des cadres agiles de présentation de données
pour les concepteurs de documents numériques.

› Pour une introduction au contexte du projet hinterland, lire le manifeste : vers l’hinterland éditorial.

utiliser ¦ modèles

book, I

• modèle de livre avec bloc page centré horizontalement et verticalement + en-tête et pied-de-page & sommaire en javascript
• application : Zeitgeist (version PDF / papier)
• langages, technologies utilisés : CSS 3, HTML 5, Javascript

book, II

• modèle de livre en ligne généré à partir d'un fichier XML avec bloc page centré horizontalement et verticalement + en-tête et pied-de-page
• application : Référents non Référents
• langages, technologies utilisés : CSS 3, HTML 5, XML, XSLT

fanzine

• modèle de fanzine avec têtière en SVG, article central sur 3 colonnes
  notes sur 2 colonnes et crédits sur 1 colonne
• application : le Rhino 10
• voir le dépôt associé sous GitHub
• langages, technologies utilisés : CSS 3, HTML 5, SVG

page

• modèle de page avec bloc de texte centré horizontalement et verticalement
  + en-tête et pied-de-page
• application : vers l’écriture totale
• langages, technologies utilisés : CSS 3, HTML 5

watch

• modèle de structure avec différentes thématiques de veille, récapitulatif et tri alphabétique des mots-clés + feuilles de transformation XML vers HTML 5
• exemple d’application
• voir le dépôt associé sous GitHub
• langages, technologies utilisés : CSS 3, HTML 5, XML, XSLT

xml on chrome / chrome os

• formulaire HTML + PHP pour uploader des fichiers CSS, XML, XSLT dans un répertoire "upload" et contourner
  l’impossibilité pour chrome d’interpréter du XSLT en local
• voir le dépôt associé sous GitHub
• langages, technologies utilisés : HTML, PHP

valoriser ¦ fonctionnalités

caption

• génération automatique de légende affiche la valeur d’un ou plusieurs champs EXIF d'une image JPEG sous l’image
• démonstration
• voir le dépôt associé sous GitHub
• langages, technologies utilisés : EXIF, Javascript, JPEG
  N.B. : cet outil s’appuie largement sur les travaux de Jacob Seidelin

links

• force l’ouverture des liens externes dans une nouvelle fenêtre
  évite le recours au target=blank (non conforme HTML 5)
• application : répertoire 1554 de la scène typographique vivante (version Web)
• voir le dépôt associé sous GitHub
• langages, technologies utilisés : HTML 5, Javascript

random (CSS)

• recours aléatoire à une feuille de style (CSS) dans une page Web
• démonstration
• langages, technologies utilisés : Javascript

random (page)

• affichage aléatoire d’une page Web
• application : Zeitgeist (version Web)
• voir le dépôt associé sous GitHub
• langages, technologies utilisés : Javascript