Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/masonedotcloud/animate-url
Questo progetto anima l'URL, il titolo e il contenuto della pagina utilizzando una sequenza di emoji
https://github.com/masonedotcloud/animate-url
animation dynamic-title emoji favicon frontend html html5 interactive javascript user-experience web web-design
Last synced: about 1 month ago
JSON representation
Questo progetto anima l'URL, il titolo e il contenuto della pagina utilizzando una sequenza di emoji
- Host: GitHub
- URL: https://github.com/masonedotcloud/animate-url
- Owner: masonedotcloud
- License: mit
- Created: 2024-11-15T10:59:56.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-11-15T11:04:21.000Z (about 1 month ago)
- Last Synced: 2024-11-15T11:37:00.454Z (about 1 month ago)
- Topics: animation, dynamic-title, emoji, favicon, frontend, html, html5, interactive, javascript, user-experience, web, web-design
- Language: HTML
- Homepage: https://www.masone.cloud/animate-url
- Size: 0 Bytes
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# animate-url
Una semplice pagina web che anima l'URL, il titolo della pagina e il contenuto utilizzando una sequenza di emoji. Questo repository utilizza `Favico.js` per animare l'icona del sito (favicon), offrendo un modo interattivo e divertente per migliorare l'esperienza utente sul tuo sito web.
## Funzionalità
- **Animazione Emoji nell'URL**: L'URL nella barra degli indirizzi del browser viene animato con una sequenza di emoji.
- **Animazione del Titolo**: Il titolo della pagina cambia continuamente con una serie di emoji.
- **Animazione del Contenuto**: Il contenuto della pagina (all'interno di un div specifico) cambia in tempo reale con emoji diverse.
- **Emoji Personalizzabili**: È possibile modificare facilmente o estendere la lista di emoji a proprio piacimento.
## Installazione
Per utilizzare questa animazione nel tuo sito web, basta copiare il codice HTML nel tuo progetto. La pagina utilizza collegamenti CDN esterni per le librerie come `Favico.js` e Google Fonts (Poppins).
1. Clona o scarica questo repository:
```bash
git clone https://github.com/masonedotlcoud/animate-url.git
```
2. Apri il file `index.html` in un browser per vedere l'animazione in azione.
## Utilizzo
1. **Animazione dell'URL**: L'URL nella barra degli indirizzi del browser cambia dinamicamente con l'animazione delle emoji.
2. **Animazione del Titolo**: Il titolo della pagina cambierà continuamente con diverse emoji, creando un effetto di animazione.
3. **Animazione del Contenuto**: Il contenuto al centro della pagina mostrerà una nuova emoji ogni 70ms, creando una visualizzazione di emoji in tempo reale.
Per avviare le animazioni, la pagina include uno script JavaScript che modifica l'URL, il titolo e il contenuto utilizzando funzioni `setTimeout`.
## Personalizzazione
- **Modifica le Emoji**: Modifica l'array `myEmojis` nello script per includere le emoji che desideri visualizzare.
- **Regola la Velocità**: Puoi cambiare la velocità dell'animazione modificando il valore `70` all'interno delle funzioni `setTimeout`.
## Licenza
Questo progetto è distribuito sotto la Licenza MIT - vedi il file [LICENSE](LICENSE) per ulteriori dettagli.
## Autore
Questo progetto è stato creato da [alessandromasone](https://github.com/alessandromasone).