EmaWebDesign

Dalla SEO classica a quella AI Mode: ecco cosa conta davvero in 5 punti chiave

emawebdesign — Wed, 06 Aug 2025 17:00:00 +0000

Negli ultimi tempi stiamo vivendo un cambiamento epocale dal punto di vista tecnologico. L’AI é diventata parte integrante delle nostre vite e, per tanti professionisti, é ormai uno strumento irrinunciabile per le proprie attività chiave. Una cosa su cui possiamo essere tutti d’accordo é che, l’AI, é uno strumento in grado di dare un boost […]

L'articolo Dalla SEO classica a quella AI Mode: ecco cosa conta davvero in 5 punti chiave proviene da EmaWebDesign.

Come scegliere il font giusto: guida in 8 punti chiave

emawebdesign — Mon, 26 Jun 2023 16:25:21 +0000

Scegliere il font giusto per il tuo progetto grafico o di brand identity é un lavoro difficile che richiede un’approfondita fase di ricerca e analisi. Scegliere il font migliore per il tuo progetto é una fase decisiva nel processo creativo e potrebbe addirittura determinare il successo o il fallimento del tuo progetto. Sei d’accordo? Ho […]

L'articolo Come scegliere il font giusto: guida in 8 punti chiave proviene da EmaWebDesign.

Cos’é un brand e come si crea: guida in 10 step fondamentali

emawebdesign — Tue, 20 Jun 2023 17:27:19 +0000

Quando penso alle cose buone che ho realizzato nella mia carriera, su tutte, mi viene subito in mente una cosa: il mio brand personale. Circa 20 anni fa, quando ero un giovane talentuoso e ambizioso (anche molto bello a dirla tutta), volevo crescere professionalmente e conoscevo già molto bene l’importanza della comunicazione nella creazione di […]

L'articolo Cos’é un brand e come si crea: guida in 10 step fondamentali proviene da EmaWebDesign.

JavaScript Infinite Scroll: ecco come implementarlo in modo semplice

emawebdesign — Wed, 17 May 2023 15:16:15 +0000

Nel post di oggi vediamo come implementare in JavaScript, in modo davvero semplice, la tecnica dell’Infinite Scroll per il caricamento asincrono dei dati da un database. Utilizzeremo le Fetch API e un file PHP per caricare i dati da un database MySQL. Per prima cosa predisponiamo nella nostra pagina web un elemento con classe items […]

L'articolo JavaScript Infinite Scroll: ecco come implementarlo in modo semplice proviene da EmaWebDesign.

Vertical-Timeline.js una libreria JavaScript gratuita per creare una timeline verticale di eventi

emawebdesign — Thu, 06 Apr 2023 16:38:30 +0000

In uno degli ultimi progetti che ho realizzato avevo necessità di integrare una timeline verticale di eventi. Ho realizzato una libreria JavaScript che permette di integrare, con poche righe di codice, una timeline verticale responsive in un’applicazione web e ho deciso di condividerla con tutti (belli ma anche brutti). Si chiama vertical-timeline.js e puoi scaricarla […]

L'articolo Vertical-Timeline.js una libreria JavaScript gratuita per creare una timeline verticale di eventi proviene da EmaWebDesign.

Creare una sequenza di animazioni con JavaScript e animate.css

emawebdesign — Thu, 30 Mar 2023 20:44:55 +0000

Nel caso volessimo animare un elemento in una pagina web possiamo avvalerci della nota libreria CSS animate.css che offre diverse animazioni interessanti. Per creare una sequenza di animazioni da applicare a un elemento, scriviamo la seguente funzione JavaScript: function animateSequence(element, animations, delay) { // Aggiungiamo la classe "animated" all'elemento element.classList.add('animate__animated'); // Impostiamo una funzione di […]

L'articolo Creare una sequenza di animazioni con JavaScript e animate.css proviene da EmaWebDesign.

Summernote toolbar custom: aggiungere un pulsante all’editor wysiwyg

emawebdesign — Tue, 22 Nov 2022 18:27:26 +0000

Nel tutorial JavaScript di oggi vedremo come aggiungere un pulsante (che richiama una funzione personalizzata) in una toolbar custom dell’editor wysiwyg Summernote. In qualsiasi CMS che si rispetti non può mancare un editor wysiwyg per la creazione e gestione di contenuti; Summernote può essere una buona opzione insieme ai più famosi CKeditor e TinyMCE. Summernote […]

L'articolo Summernote toolbar custom: aggiungere un pulsante all’editor wysiwyg proviene da EmaWebDesign.

ER Model Generator: un tool per creare modelli E-R

emawebdesign — Sat, 05 Nov 2022 23:17:16 +0000

Da molto tempo cercavo un tool gratuito con cui poter creare modelli E-R in modo semplice e immediato. Cercavo un tool snello e veloce da poter utilizzare: niente registrazione, poche funzioni essenziali, pochi click per avere una prima idea dello schema del database. Non l’ho trovato. L’ho fatto. Ti presento ER Model Generator. Una cattiva […]

L'articolo ER Model Generator: un tool per creare modelli E-R proviene da EmaWebDesign.

CSS Box Shadow Generator: ecco un tool gratuito

emawebdesign — Thu, 30 Jun 2022 16:12:00 +0000

Quando progettiamo il layout di un’applicazione web non dobbiamo preoccuparci soltanto di pianificare la miglior user-experience (UX) possibile per il target di riferimento ma anche del look and feel. Un elemento che sono solito usare nelle interfacce che realizzo sono le ombre. Un uso ben studiato è in grado di conferire personalità agli elementi dell’interfaccia, […]

L'articolo CSS Box Shadow Generator: ecco un tool gratuito proviene da EmaWebDesign.

Bootstrap 5: modificare i colori dei pulsanti (buttons)

emawebdesign — Tue, 03 May 2022 17:43:19 +0000

Per modificare i colori in Bootstrap 5 possiamo agire sulle variabili Sass. Per effettuare una veloce modifica ai colori dei pulsanti possiamo agire sul seguente snippet CSS: .btn-primary { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; } .btn-check:focus + .btn-primary, .btn-primary:focus { color: #fff; background-color: #0b5ed7; border-color: […]

L'articolo Bootstrap 5: modificare i colori dei pulsanti (buttons) proviene da EmaWebDesign.