Oggi mi sono imbattuto in un ottimo articolo di FilamentGroup riguardante l’usabilità di una tabella dati su schermi di piccole dimensioni. (link articolo) La soluzione proposta consiste nel definire due o più gruppi di colonne assegnando varie classi (Es: essential, optional, etc..) quindi utilizzare delle media-query CSS per visualizzare e nascondere gruppi di colonne in [...]
Struttura di un plugin jQuery
In questo articolo voglio approfondire alcuni accorgimenti utili a migliorare le prestazioni, l’utilizzo e l’organizzazione di un plugin jQuery. Qualunque tipo di funzione/effetto e/o trasformazione del DOM di una pagina web può essere incorporata in un plugin jQuery con lo scopo di migliorare l’organizzazione del proprio codice Javascript. Invece di un’accozzaglia di istruzioni generiche avremo [...]
jQuery ImagesLoaded Plugin
Questo https://github.com/thepeg/ImagesLoaded lancia una funzione di callback quando tutte le immagini del target sono state caricate con successo. $(‘#target’).imagesLoaded(function(){ alert(“All images in #target were loaded!”); }); E’ anche possibile gestire una configurazione più dettagliata impostando callback di successo e di errore, quest’ultima lanciata nel caso una o più immagini non siano correttamente caricate nel [...]
respond.js bug – supporto css3 media query IE8, IE7, IE6
Stamattina ho perso non poco tempo nel debugging di un progetto web in cui ho utilizzato delle semplici tecniche di layout responsivo con le CSS3 Media Query. Ovviamente il problema è relativo a Internet Explorer nelle sue più nobili versioni: IE6, IE7 e IE8! Segnala presso:
jQuery Auto FancyBOX Plugin
Questo plugin permette di applicare il plugin FancyBOX a elementi della pagina configurandone il comportamento direttamente dagli attributi stessi dell’elemento. E’ molto più semplice utilizzare FancyBOX in questo modo perchè non c’è bisogno di complicate configurazioni Javascript: solo 1 riga di codice! Source code on GitHub! https://github.com/thepeg/AutoFancybox Segnala presso:
IVApp – calcola e storna l’IVA su iPhone, iPad, Android, Blackberry
Questa è la mia prima applicazione mobile. Una semplice utility webapp utilizzabile da iPhone, iPad, iPod Touch, Android, Blackberry, Safari e Chrome. Clicca questo link con il tuo iPhone, iPad, Android o Blackberry Touch: (puoi visualizzare l’applicazione sul tuo computer utilizzando Safari o Google Chrome!) http://ivapp.movableapp.com Presentazione completa: http://movableapp.com/ivapp Brevi Info: L’applicazione è scritta in [...]
iPhone: App Native, WebApp o sviluppo ibrido?
Da qualche settimana ho iniziato a dilettarmi nell sviluppo di applicazioni mobile per il mio iPhone/iPad. Inizialmente ho letto parecchie discussioni sull’argomento in oggetto: “native VS webapp” e in questo articolo vorrei sintetizzare alcune mie valutazioni. Potendo dedicare allo studio delle applicazioni mobile solamente poche ore la sera ho subito approciato il mondo delle WebApp [...]
Trentino Holiday 2011 è una pessima applicazione!
Da anni trascorro le ferie estive in trentino e quando posso cerco anche di passarci i weekend in montagna e/o centro benessere. Stamattina ho scaricato l’app Trentino Holiday 2011 aspettandomi, come da descrizione, uno strumento utile per scoprire nuovi luoghi e possibilità offerte dalla regione. Scarico, installo, avvio e… scopro con immensa delusione che l’applicazione [...]
Compromesso Vincente!
IE6, IE7, IE8, IE9, IE10(preview), Firefox 3.6, Firefox 4, Firefox 5, Chrome 7->11, Safari 3->5+, Opera, IOS, BlackBarry. Questa è solo una piccola lista degli strumenti oggi utilizzati per consultare il web. L’utente medio cerca informazioni complete e aggiornate in una grafica accattivante. Il nostro scopo (di web designer) è soddisfare questi bisogni e renderci [...]
Slices e Tabelle: un incubo duro a morire!
Con il termine “slice” si intente una tecnica, purtroppo tutt’ora in uso, grazie alla quale il grafico realizza un’immagine della pagina risultante e definisce sopra ad essa una mappa di aree di contenuto testuale. Attraverso una serie di attributi è possibile definire eventuali elasticità verticali di queste aree di contenuto. Un software (Photoshop, Fireworks) si occupa [...]
