Matteo Vignoli

Sviluppatore Web Full-Stack autodidatta, curioso per natura,
attualmente impiegato a Milano in ContactLab

Animare le emoji negli URL

  Tempo di lettura:

Le emoji sono sempre più presenti nel nostro mondo digitale: non solo social network o telefoni / chat, oggi troviamo senza difficoltà queste simpatiche (o fastidiose, o stupide, quallo che vi pare!) ed espressive immagini anche negli oggetti delle e-mail, nelle pubblicità, le usiamo quando prendiamo appunti a biro e da qualche anno è perfino possibile registrare dei domini usando le emoji.

Insomma, sono dapperutto.
E recentemente mi è di fatti capitato di leggere un articolo molto carino ed interessante di Matthew Rayfield in cui usa le emoji (ma non solo) negli url creando semplici animazioni con un pizzico di Javascript. Ad esempio, per creare una progress bar per i video di YouTube

Matthew conclude l'articolo fornendo qualche spunto relativamente ad altri gruppi Unicode, ad esempio il sottoinsieme che racchiude i caratteri Braille. Ed in effetti quest'ultimo è molto interessante per la possibilità di creare animazioni in stile Tetris/Space invaders: con la giusta dose di tempo, pazienza ed abilità (e al momento non ho nessuna di queste 😅) è possible sviluppare un mini-gioco nell'url usando la tastiera per i movimenti. Come si può ad esempio vedere in questi meravigliosi esemi: Snake, Url Zombie o anche il Sudoku.

Vi presento qua il frutto di qualche piccolo esperimento sulla falsariga di quanto visto finora (non sono un mago di javascript e non ho molto tempo a disposizione, #sappiatelo); se qualcuno si dovesse far ispirare per realizzare qualcosa di davvero figo mi farebbe piacere vedere il risultato 😎

PS: la visualizzazione da telefono lascia un po' a desiderare, la maggior parte dei browser non mostra abbastanza URL per apprezzare le animazioni; l'orientamento landscape aiuta, ma la massima resa si ha aprendo la pagina sul desktop o (al limite) su un tablet.


Github repo: https://github.com/DamienPirsy/urlemoji

Reset | Sequenza attiva: -



E tu, sei sicuro di pronunciare correttamente questi termini informatici?

L'informatica è uno degli ambiti in cui l'inglese, e in particolar modo la variante americana, la fa da padrone quasi assoluto - che si tratti di...

MatteoVignoli.it   Non perderti nulla da MatteoVignoli.it, ricevi aggiornamenti via mail.