A mio avviso, un piccolo capolavoro che mostra tutta la potenza di HTML5 e js sul browser.

Sto parlando di BrowserQuest, un gioco di ruolo 2D nel quale impersoneremo un giovane guerriero in un mondo pericoloso alla ricerca di tesori.

BrowserQuest permette di giocare con gli altri giocatori online in multiplayer e i giocatori possono interagire grazie ad un sistema di chat.

Come si può leggere sul sito di Mozilla nell’articolo relativo a BrowserQuest:

“Available everywhere

Since BrowserQuest is written in HTML5/JavaScript, it is available across a lot of different browsers and platforms. The game can be played in Firefox, Chrome and Safari. With WebSockets enabled, it’s also playable in Opera. Moreover, it’s compatible with iOS devices, as well as tablets and phones running Firefox for Android.  (Continua…)

Tracer è un buon servizio che permette di “proteggere” il contenuto di un sito web o blog..

In che modo?

Ogni volta che qualcuno farà copia-incolla del testo o di una immagine… “grabberà” anche un link che riporterà al vostro sito…

Inoltre ogni volta che qualcuno copierà una parte di testo  (o immagine) presente sul vostro sito web, vi sarà segnalato sulla comoda Dashboard del vostro account su Tracer.

Per iniziare ad utilizzare il servizio bisogna effettuare una breve registrazione gratuita, ed  inserire un piccolo codice in Javascript in fondo alla vostra pagina web.

Questo script può risultare molto utile per proteggersi da tutti quegli utenti che si son affacciati da poco al mondo del blogging e ignorano le regole…

Nota: è consigliato inserire lo script prima del tag </body> (fine body).

• Vai al sito di Tracer

1. Il primo servizio è CSS Type Set che permette di modificare l’aspetto del testo. Possiamo decidere il tipo di font scegliendo fra: Courier, Palatino, Times New Roman, Arial, Helvetica, Impact, Lucida Sans, Trebuchet MS, Verdana; regolare la dimensione del font e la distanza fra una lettera e l’altra; cambiare il colore dello sfondo del testo e colore del font stesso; applicare il grassetto, il sottolineato, corsivo e l’allineamento del testo (a destra, a sinistra, centrato e giustificato). Mentre modifichiamo i parametri nell’area View css vedremo il codice css generarsi in tempo reale. (Continua…)

Imagemenu è una risorsa per webdesigner che consente di creare un menu orizzontale in Javascript che mostra le immagini intere passandoci sopra con il mouse e cliccandoci sopra s’ingrandiscono stile Lightbox.

Imagemenu è compatibile con Firefox 2 (mac / pc), Internet Explorer 6, Internet Explorer 7 e Safari (Mac) e richiede Mootools.

(Continua…)

In un sito web/blog non può mancare un indirizzo e-mail che permetta ai visitatori di contattarci.

Ma come ben sappiamo.. inserire il codice html semplice in una pagina web significa dare l’indirizzo di posta elettronica in pasto agli spammers.

Esistono molti metodi per “camuffare” l’indirizzo e-mail in una pagina web.. ma il modo più semplice e alla portata di tutti è utilizzando il tool online Hivelogic Enkoder.

Questo encoder ci offre la possibilità di creare un codice JavaScript da inserire all’interno della nostra pagina Web, che contiene all’interno il nostro indirizzo e-mail crittografato, in modo da essere interpretato solo dai browser e non dai bot utilizzati dagli spammer per scandagliare la rete in cerca di indirizzi mail.

Sono presenti 2 tipi di form:

Il Basic Form dove basta inserire l’indirizzo e-mail, il titolo del link ed il testo del link e l’Advanced Form dove si può inserire il codice html che c’interessa crittografare..

Esempio:

<a href=”mailto:lamiaemail@gmail.com” title=”Contattami!“>Contattami</a>

• Vai al sito di Hivelogic Enkoder