Realizzare layout per magazine con Treesaver.js

Martedì 8 Febbraio 2011 - 11:07

di napolux

Scripting

Treesaver non è una libreria ecologista, ma ci permette comunque di risparmiare un sacco di carta.

Treesaver permette di realizzare layout per magazine online in pochi semplici passi, usando HTML5 e CSS3.

Un esempio? Potete dare un’occhiata alle demo, oppure partire da questo piccolo esempio:

<!doctype html>
<html class="no-js no-treesaver">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,minimum-scale=1,maximum-scale=1">
    <title>Esempio</title>
    <link rel="stylesheet" href="style.css">
    <link rel="resources" href="resources.html">
    <script src="treesaver-0.9.1.js"></script>
  </head>

  <body>
    <article>
      <p>Questo è un articolo, non c'è molto da dire su questo magazine!</p>
    </article>
  </body>
</html>

Tags:

Categoria: Scripting | Permalink

Commenti

1

Script davvero interessante, e il codice ad un primo sguardo il codice sembra molto pulito e ben documentato.

Penso che sia da provare sul campo.

# - postato da Diego La Monica - 08 Febbraio 2011 - 12:27

2

semplice e d’impatto. anche la realizzazione di esempi non è particolarmente complessa

# - postato da saibal - 09 Febbraio 2011 - 09:32

3

Veramente ottimo, questi sono prodotti belli da vedere e da studiare.

Vedendo i cv del team dietro mi sembra un bel connubbio tra tipografi di lunga esperienza e programmatori, e il risultato si vede!

Grazie per la segnalazione

# - postato da sunnny - 09 Febbraio 2011 - 10:51

4

Spettacolare…

# - postato da Aldo "xoen" Giambelluca - 01 Marzo 2011 - 22:33

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento