Pubblicato il 12/10/13e aggiornato il

Testo e immagini casuali per testare layout, database e design.

Come generare del testo casuale e come avere degli URL di immagini casuali di determinate dimensioni, di una categoria prescelta anche in bianco e nero e con il testo
I disegnatori web quando vogliono mostrare un Tema per Wordpress o un Modello per Blogger sono soliti inserire del testo senza senso come riempitivo del layout. Si tratta quasi sempre dello stesso testo che deriva da uno scritto latino di Cicerone del 45 a.C. ripreso in maniera casuale e storpiata. Tale testo inizia con la frase Lorem ipsum dolor sit amet ed è stato utilizzato per la prima volta nel 1500 diventando uno standard nell'industria tipografica quando si voglia mostrare l'aspetto di un elemento che altrimenti sarebbe vuoto.

L'alternanza di parole lunghe e brevi con punteggiatura e paragrafi lo rende del tutto simile a un testo reale. Lorem Ipsum ha retto brillantemente anche il passaggio dalla scrittura su carta a quella digitale e adesso è universalmente usato per rendere l'impatto grafico di un testo in lingue con alfabeto latino. Sicuramente anche Google ha messo nel suo algoritmo questo testo che viene quindi anche usato per avvertire i motori di ricerca di non indicizzare il contenuto del post perché si tratta solo di una demo grafica.

L'uso di questo testo è quindi consigliabile anche in chiave SEO quando si voglia creare un oggetto grafico dimostrativo. In rete esistono molti siti in cui copiare il Lorem Ipsum, personalmente uso Lipsum che consente di creare paragrafi, parole, byte e elenchi. Si va in basso a destra alla pagina, si sceglie l'opzione desiderata quindi si clicca su Genera Lorem Ipsum

genera-lorem-ipsum

Si può anche settare il numero di elementi da generare. Di default vengono creati 5 paragrafi. Si seleziona e si copia il testo da utilizzare. Successivamente è meglio incollarlo in un file .txt del Blocco Note per poi selezionarlo e copiarlo nuovamente per non mantenere la formattazione.

IMMAGINI CASUALI

Quando si vuole testare un widget con delle immagini può essere utile avere gli URL di foto casuali di determinate dimensioni da usare per il codice. Le stesse immagini possono anche essere usate in una demo di un modello, di un tema o di un widget. Lorempixel si può dire che sia per le foto quello che Lorem Ipsum è per il testo. Con una opportuna sintassi si possono impostare URL per visualizzare immagini casuali oppure appartenenti a una determinata categoria.

lorempixel-immagini-casuali

Ci sono immagini casuali a partire da 1920 pixel di larghezza e 1920 pixel di altezza. L'URL di una immagine generica sarà il seguente

http://lorempixel.com/400/200

e mostrerà una immagine larga 400 pixel e alta 200 pixel. Quest'altro URL

http://lorempixel.com/500/800

mostrerà invece una immagine larga 500 pixel e alta 800 pixel. In pratica il primo numero determina la larghezza mentre il secondo l'altezza. Si possono anche avere immagini di dimensioni non abituali come

http://lorempixel.com/314/217

Sono configurabili anche immagini in bianco e nero e relative a una determinata categoria. Le categorie disponibili sono: abstract, animals, business, cats, city, food, nightlife, fashion, people, nature, sports, technics, transport. Le regole per gli URL delle immagini sono le seguenti:
  1. http://lorempixel.com/400/200 per una immagini casuale di 400x200 pixel
  2. http://lorempixel.com/g/400/200 per una immagine in bianco e nero di 400x200 pixel
  3. http://lorempixel.com/400/200/sports per una immagine 400x200 della categoria sports
  4. http://lorempixel.com/400/200/sports/1 con immagini selezionate di sports da 1 a 10
  5. http://lorempixel.com/400/200/sports/Testo con immagini di sports con Testo
  6. http://lorempixel.com/400/200/sports/1/Testo con immagini di sports da 1 a 10 con Testo
Se si sceglie una categoria si possono visualizzare 10 immagini casuali e potremo sceglierne una che ci piace particolarmente. Per esempio questo URL

http://lorempixel.com/400/300/cats/3/gatto%20sempre%20visibile/

mostrerà sempre lo stesso gatto anche se si ricarica la pagina con la scritta "gatto sempre visibile"



Si tratta della immagine numero 3 di 400x300 pixel della categoria cats. Da notare che gli spazi del testo sono creati dai simboli %20.




1 commento :

  1. Conoscevo già Lorem Ipsum, ma il sito con le foto è davvero fantastico. :)

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.