Articoli trovati in: Web Development
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 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 leggere
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 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
CakePHP e validazione dell’input: come visualizzare i messaggi di errore
Pubblicato il 20 Gennaio 2022
In un’applicazione sviluppata con CakePHP (parliamo della versione 2), per quanto riguarda la validazione dell’input, per visualizzare un messaggio d’errore possiamo utilizzare l’attributo error delle opzioni relative all’helper FormHelper::input. Di seguito un esempio: $this->Form->input(‘title’, array( ‘error’ => array( ‘attributes’ => array(‘wrap’ => ‘div’, ‘class’ => ‘error’) ) )); Il messaggio di errore viene visualizzato vicino […]
Continua a leggereCakePHP HABTM: gestire relazioni complesse con poco codice
Pubblicato il 11 Marzo 2021
Ci sono diverse motivazioni che possono spingere alla scelta di un framework mvc. Una di queste è sicuramente la possibilità di gestire le relazioni tra le entità del database in modo semplice tramite poche righe di codice. La vera potenza di un framework sta tutta lì, ti mette a disposizione componenti potenti che ti consentono […]
Continua a leggere
Cerca nel sito
In evidenza
Categorie
