Siete davanti a Photoshop per creare l’ennesima grafica. Imperterrita arriva la necessità di creare un banner prendiposto.
Il cliente ancora non sa che tipo di banner verrà ospitato, pertanto ve lo farà tagliare come grafica definitiva e ve lo farà aggiungere sul sito di sviluppo.

Altro caso: state pensando ad un modo veloce di creare una pagina under construction per un cliente ma avete poche idee e poco tempo.

Niente paura, gli Web Tools Placeholders sono di nostro aiuto proprio per questi scopi!

Placehold it

Nato nel 2010, offre una particolare funzionalità. Digitando una particolare url, il motore è in grado di restituire un’immagine placeholder con all’interno il testo della sua misura: è più facile provarlo che a scriverlo.

Se digitiamo http://placehold.it/350×150 otterremo un’immagine gif di questo tipo:

Provate voi stessi. E potete anche provare senza andare sul sito: è infatti sufficiente aggiungere al proprio HTML una tag di questo tipo:
<img src=”http://placehold.it/468×160″ /> per ottenere nel codice un banner 468×160 pixel, senza realizzarlo, tagliarlo e salvarlo in gif o png. Comodo, no?

Aggiungendo dei piccoli attributi alla url, si possono anche ottenere scritte personalizzate all’interno del banner, al posto delle dimensioni. Per digitare un testo è sufficiente richiamare la url
<img src=”http://placehold.it/300×300&text=hello+world!” />

Visitate Placehold.it per imparare tutte le combinazioni possibili con gli attributi.
Ne vale davvero la pena per risparmiare tempo!

Flickholdr

Sul filone originale di Placehold.it vi segnaliamo anche Flickholdr.
Flickholdr prende ispirazione da Placeholdit : si differenzia da quest’ultimo per via del suo algoritmo. Al posto di banner monocolore, Flickholdr mostra fotografie.

E’ sufficiente digitare nella home page del sito le dimensioni dell’immagine desiderate e una parola per ottenere una originale fotografia random dal portale Flickr.

Portiamo un esempio.
Digitando negli appositi campi:
800 di larghezza
600 di altezza
una parola a caso “gerbere” nel campo tag
ci permette di ottenere l’immagine qui a fianco (cliccare per ingrandire).

Come funziona?
Il sito preleva una foto da Flickr casuale (ma contestuale alla tag inserita) e la ottimizza alla dimensione richiesta.

Giunti a questo punto, per usare l’immagine è sufficiente copiare dalla text-area sotto la nostra foto il codice html <img src=”http://flickholdr.com/800/600/gerbere” /> ed il gioco è fatto!

Naturalmente è necessario mantenere il copyright del fotografo; inoltre per ottenere risultati più ampi consigliamo di usare tag in lingua inglese.

Link da visitare: flickholdr.com

Non siete ancora stanchi di webtools placeholder?

Bene, eccone un altro dedicato a tutti gli amanti dei gatti…placekitten.com
Funziona come Flickholdr, ma restituisce solo fotografie feline…

Non ci resta altro che augurarvi buon divertimento!