Ho un nuovo migliore amico...il creatore di questo sito!
Il web ? pieno di siti, lo sappiamo, negli ultimi anni si ? superato il
traguardo dell miliardo di siti. L'50% di questi sono inutili (gossip, fake
news...), del 50% restante la met? sono porno.
In mezzo a questa foresta di pagine web mi capita di trovare, spesso, siti
davvero utili e degni di nota. Tool che aiutano i poveri programmatori a
snellire il lavoro. Quando mi capitano la prima cosa che faccio ? aggiungerli
ai preferiti del mio browser, ma da qualche tempo ho iniziato anche a
segnalarmi sul mio blog in modo da poterli far conoscere anche a qualcuno che
non ne immaginava l'esistenza.
Oggi ? il turno del sito: http://imagemap-generator.dariodomi.de/
Non ? un tool di qualche software house mastodontica o di qualche aziende
che vende software e mette a disposizione una versione gratuita per poi
propinarne la versione a pagamento, ma ? un sito semplice, snello e intuitivo.
S? ma a cosa serve? Serve a mappare aree di un immagine per ricavarne
coordinate e creare link sagomati.
Non c'avete capito niente vero? vi faccio un esempio.
Questa ? una mappa interattiva che ho fatto io per un sito. Le province di
puglia e basilicata che vedete illuminarsi sono link con tanto di tag
<a>. Ogni provincia ? una area con delle coordinate che corrispondono ai
confini delle province.
Per farlo ? semplicissimo:
Step 1: Andare su http://imagemap-generator.dariodomi.de/
Step 2: caricare l'immagine da mappare
Step 3: selezionare l'aria con il mouse
Step 4: prelevare dalla textarea posta in basso le coordinate che vi
servono.
Questa ? la procedura per ricavare le coordinate. Tutto il resto del lavoro
? da fare in HTML e JS.
Spero di aver aiutato qualcuno.
Pubblicato