Articoli di: emawebdesign
Come scegliere il font giusto: guida in 8 punti chiave
Pubblicato il 26 Giugno 2023
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 […]
Continua a leggereCos’é un brand e come si crea: guida in 10 step fondamentali
Pubblicato il 20 Giugno 2023
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 […]
Continua a leggereJavaScript Infinite Scroll: ecco come implementarlo in modo semplice
Pubblicato il 17 Maggio 2023
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 […]
Continua a leggereVertical-Timeline.js una libreria JavaScript gratuita per creare una timeline verticale di eventi
Pubblicato il 6 Aprile 2023
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 […]
Continua a leggereCreare una sequenza di animazioni con JavaScript e animate.css
Pubblicato il 30 Marzo 2023
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 […]
Continua a leggereSummernote toolbar custom: aggiungere un pulsante all’editor wysiwyg
Pubblicato il 22 Novembre 2022
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 […]
Continua a leggereER Model Generator: un tool per creare modelli E-R
Pubblicato il 6 Novembre 2022
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 […]
Continua a leggereCSS Box Shadow Generator: ecco un tool gratuito
Pubblicato il 30 Giugno 2022
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, […]
Continua a leggereBootstrap 5: modificare i colori dei pulsanti (buttons)
Pubblicato il 3 Maggio 2022
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: […]
Continua a leggereJavaScript file upload con Dropzone
Pubblicato il 21 Marzo 2022
Una delle librerie JavaScript più conosciute e apprezzate per eseguire l’upload di file è sicuramente Dropzone. Open Source, semplice da implementare e altamente configurabile, Dropzone, è una buona opzione che possiamo utilizzare all’interno della nostra UI per realizzare un caricamento dei file funzionale e con un buon look and feel. Vediamo come utilizzarla insieme a […]
Continua a leggere