Web e design

Web e design

16 Dicembre 2019

Piccola riorganizzazione del Blog e una novità

Questo blog ha ormai quasi 10 anni e ha cambiato molte facce. E' stato un blog personale e professionale, abbiamo scritto di tutto, modificato 4 o 5 volte la grafica, cancellato alcuni post perché troppo OT. Chi ci ha seguito sa che abbiamo scritto moltissimo su Final Cut, da Final Cut 7 a Final Cut Pro X, particolarmente fortunata la [Continua a leggere +]

Web e design

27 Luglio 2014

Carousel adattivo con Magento e Bootstrap

Carousel responsive magento
Vediamo come realizzare un semplice carousel di immagini per la home page di un template Magento. L'esigenza principale è far sì che il proprietario del sito possa caricare autonomamente (e cambiare) le slide dal [Continua a leggere +]

Web e design

18 Novembre 2016

Tabelle responsive definitive

Ho pubblicato su github una soluzione veloce in javascript e css per realizzare tabelle responsive, cioè adattabili a dispositivi mobili. Nella demo ho usato bootstrap per creare rapidamente il layout ma funziona anche senza, dipende da Jquery ma si può facilmente replicare lo stesso principio con altre librerie o con [Continua a leggere +]

Web e design

22 Luglio 2014

Risorse utili: Social Likes share buttons

Quella che voglio consigliare oggi è una validissima alternativa in jQuery ai vari servizi come AddThis o Sharethis comunemente usati per gestire i bottoni di condivisione sui social network [Continua a leggere +]

Web e design

05 Giugno 2016

Il pixel perfect è una cagata pazzesca

Che significa pixel perfect? Nel gergo del design e dello sviluppo frontend viene chiamata pixel perfect una pagina web realizzata in maniera perfettamente identica (al pixel appunto) alla grafica fornita dal progettista.  Lo dico o non lo dico? Beh, lo dico. Quest'espressione non mi ha mai [Continua a leggere +]

Web e design

16 Luglio 2014

Attivare il developer mode su Magento

E' molto importante in fase di sviluppo attivare il developer mode di Magento per visualizzare subito gli errori eventualmente (nel mio caso sicuramente) commessi e correre ai ripari prima di trasferire il progetto in staging oppure in produzione. Attivare il developer mode è semplicissimo e vi risparmierà tanti [Continua a leggere +]

Web e design

04 Giugno 2016

Estendere il top menu di Magento2

Ho pubblicato su Github dei veloci appunti sul menu di Magento2. Come quello di Magento1, il menù di Magento2 non ha il markup all'interno del template, quindi anche solo per fare piccole modifiche è necessario estendere la classe. Nel repository c'è il codice per fare due operazioni: Estendere [Continua a leggere +]

Web e design

12 Luglio 2014

Aprire il login in una finestra modale con Magento e Bootstrap

Spesso mi capita di vedere siti di e-commerce in cui il form per l'accesso e la registrazione degli utenti si apre in una finestra modale. Un esempio illustre è Zalando.   [Continua a leggere +]

Web e design

07 Giugno 2015

Trick: "spegnere" i video di Youtube alla chiusura di una modale Bootstrap

Incorporare i video di youtube nelle modali di bootstrap è molto semplice. L'unico problema è che le modali quando vengono chiuse rimangono in pagina con la proprietà display: none; quindi continueremo a sentire l'audio del video senza la possibilità di spegnerlo. Molto fastidioso.  Senza andare a scomodare le API di [Continua a leggere +]

Web e design

08 Dicembre 2013

Installare Magento su XAMMP

XAMMP è una piattaforma gratuita (distribuita sotto licenza GNU) che contiene tutti gli strumenti necessari per far girare un sito in PHP: web server Apache, database MySql, [Continua a leggere +]

Web e design

02 Giugno 2015

Sviluppare temi Magento. Occhio alle performance!

Magento performance
La velocità di un e-commerce è un fattore importantissimo nella riuscita di un progetto. Ogni secondo che la pagina impiega a caricare fa perdere circa il 7% delle conversioni (Se ne parla in maniera approfondita sul blog di [Continua a leggere +]

Web e design

23 Novembre 2013

Effetto hover sui prodotti in una vetrina Magento

Magento. 1001 modi per mostrare i prodotti in catalogo. In questo articolo voglio condividere un effetto molto carino che ho realizzato per un e-commerce di giocattoli (potete vederlo [Continua a leggere +]

Scopri i videotutorial

Lo sapevi che abbiamo realizzato più di 50 videotutorial su Final cut? Iscriviti subito al canale

 

    

I più letti su web e design

 

Risorse per Final Cut heroes