Benvenuto sul blog di EmaWebDesign

Web Developer/SEO Specialist. CMS & Framework MVC expert. Sviluppo progetti e strategie web dal 1999.

Posso aiutarti a realizzare il tuo progetto/business online. Contattami subito per una consulenza gratuita.

CONTATTAMI ORA

Bootstrap Offcanvas: creare un menu laterale a scorrimento

Ormai tutti utilizziamo Twitter Bootstrap per il frontend dei nostri progetti web e mobile. Si, lo usi anche tu, lo so. Perchè è fico, bello, utile, ben progettato e, soprattutto, ben supportato. Io non ne farei mai a meno. Oggi vediamo come implementare un menu laterale a scorrimento per le nostre mobile app in html5. Bootstrap, di base, prevede nella sua navbar che il menu “collapsi” (si, l’ho detto) nel pulsantino che, poi, apre un menu a tendina contenente il menu di navigazione. Utile ma non il massimo esteticamente. Utilizzando Bootstrap Offcanvas possiamo implementare il menu facendolo entrare lateralmente a...

Leggi tutto

PHP image save: salvare un’immagine a partire da una URL

Nel caso volessimo salvare un’immagine sul nostro server a partire da una URL, possiamo servirci delle librerie GD e di uno script che esegue l’operazione in modo che, il processo, possa essere automatizzato. Consiglio della nonna: non fate scraping e non prendete immagini da siti altrui se non volete incappare in problemi legali. Esistono diversi siti come pixabay dove poter reperire immagini di qualità gratuite. Se, ad esempio, ripubblichiamo abstract di notizie sul nostro sito, perchè la licenza con cui sono rilasciate ce lo permette, possiamo avere la necessità di visualizzare anche una thumbnail. Ed ecco, quindi, una funzione in...

Leggi tutto

Applicare l’evento touch al carousel di Twitter Bootstrap

No, non cliccare sul carousel che vedi qui sopra. E’ solo un’immagine 😀 Se, in un sito responsive, abbiamo utilizzato il carousel di Twitter Bootstrap, nella versione mobile, è il caso di applicargli l’evento touch, la gesture corretta per la migliore esperienza utente sui device mobili. Per farlo possiamo utilizzare un plugin di jQuery che trovi qui: https://github.com/mattbryson/TouchSwipe-Jquery-Plugin Per attivare il plugin puoi copiare il seguente codice da richiamare via jQuery ready:   $(".carousel-inner").swipe({   swipeLeft:function(event, direction, distance, duration, fingerCount) { $(this).parent().carousel(’prev’); }, swipeRight: function() { $(this).parent().carousel(’next’); }, threshold:0   });

Leggi tutto

CakePHP: invalidare un form in un controller

Per la validazione dei dati di un form, inviato con CakePHP, esistono le apposite regole gestibili all’interno dei model. Nel caso di esigenze particolari, per invalidare l’invio del form in un controller, possiamo procedere impostando l’array degli errori nel seguente modo: <?php   $validationErrors = array(); $validationErrors[’myfile’][] = "Puoi caricare solo file JPG o PNG"; $this->Photo->validationErrors = array_merge($this->Photo->validationErrors, $validationErrors);   ?>

Leggi tutto

jQuery scrollTop e scroll to div: un esempio pratico

In questo articolo vediamo come implementare lo scroll verso un elemento della pagina web (scroll to div) e lo scroll al top tramite jQuery. Ci può tornare utile per implementare un menu di navigazione con effetto “smooth scroll“, particolarmente adeguato per una landing page o single-page application. Se, per esempio, il nostro link al top avesse id uguale a “btnHome”, il codice jQuery sarebbe: $("#btnHome").click(function(event) { event.preventDefault(); $(’html, body’).animate({ scrollTop: 0 }, 1000); }); Un link “btnContact” che punta alla sezione contatti, invece, sarebbe: $("#btnContact").click(function(event) { event.preventDefault(); $(’html, body’).animate({ scrollTop: $("#contacts").offset().top }, 1000); }); Per l’animazione abbiamo utilizzato il metodo...

Leggi tutto