Come scegliere il font giusto

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 leggere
Brand Design

Cos’é 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 leggere
javascript

JavaScript 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 leggere
vertical-timeline.js

Vertical-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 leggere
javascript

Creare 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 leggere
javascript

Summernote 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 leggere
ER Model Generator

ER 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 leggere
ux

CSS 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 leggere
Bootstrap

Bootstrap 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 leggere
javascript

JavaScript 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