Personal tools

javascript

Feb 18, 2013

Sviluppo Front-End: ottimizzare le prestazioni

Migliorare l'esecuzione delle risorse di front-end

Sviluppo Front-End: ottimizzare le prestazioni

Alcuni trucchi e consigli per migliorare la velocità dei siti web

Per quanto riguarda lo sviluppo front-end, c'è sempre più attenzione alle performances, dato che favorendo la velocità dell'esperienza utente c'è un ritorno diretto in termini di soddisfazione da parte di chi fruisce il progetto web.

E' uscito da poco un articolo molto curato sull'argomento che ha attratto la mia attenzione:

Front-end performance for web designers and front-end developers di Harry Roberts.

Nell'articolo vengono illustrati e sintetizzati molti degli argomenti relativi all'ottimizzazione dello sviluppo front-end.

read more

Jan 30, 2013

Caution: in 2013 a "Meteor" will impact the World (Wide Web)

MAYDAY, MAYDAY, MAYDAY

Caution: in 2013 a "Meteor" will impact the World (Wide Web)

Meteor is a very powerful Javascript framework: this short article demonstrate how to install, configure and create your first application using "Meteor"

Nothing to do with the Mayan prophecies, quiet!

Some time ago I came across a tweet that talked about Meteor and, as usual, I tried to investigate the simple reading.

I knew of the potential offered by Node.JS but I never tried something, so I took the opportunity to understand more. Also, these types of frameworks are increasingly directing a new way to write web applications (interesting this article). Furthermore, here you can find a lot of examples of application made with Meteor.
Meteor runs on Node.js. Has it's own server
Without spending a lot of time, I will try to reproduce steps how to create from scratch the environment and a simple application.
read more

Jan 22, 2013

jQuery.DataTables.js: tabelle per tutti i gusti

Quando mostrare un dato non basta!

jQuery.DataTables.js: tabelle per tutti i gusti

Se una semplice tabella non rende merito ai dati mostrati, ci si rivolge a Javascript/css per avere di più. Vediamo come usare DataTables per avere molto di più!

Tante volte abbiamo il compito di mettere in mostra tramite tabelle una serie di dati e le (più che giustificate) richieste sono sempre le stesse: fare batching dei dati visualizzati; permettere l'ordinamento delle singole colonne; poter fare ricerca sulle righe della tabella filtrandone il testo.

Cercando sul web, vi renderete conto che i plugin Javascript disponibili sono molti, ma uno mi ha colpito in particolare: jQuery.DataTables.js. Semplice da usare, funzionalità di base estese, molti plugin aggiuntivi e, non da ultimo per un plonista, esiste una versione già "pacchettizzata" per Plone su pypi.

read more

Dec 06, 2012

Breve analisi della ricerca di Plone: SearchableText

I Predatori del Parametro Perduto

Breve analisi della ricerca di Plone: SearchableText

Un semplice parametro Plone: SearchableText. Eppure il suo uso scatena vari comportamenti e ci permetterà di analizzare alcune funzionalità nascoste del nostro CMS

In questo articolo mi concedo una semplice analisi del parametro SearchableText, che può far parte di una qualunque query string delle chiamate al CMS Plone e che ha funzioni diverse in base alla pagina richiamata.

Questo parametro può anche impattare sull'efficienza dello strato di cache del vostro sito (Varnish) e ci apre la strada a qualche interessante analisi dei JavaScript di Plone 4.

read more

Nov 23, 2012

Slider di impatto: due suggerimenti

Due spunti per realizzare uno slider diverso dal solito: un dettagliato tutorial per uno slideshow di grande impatto grafico e un plugin per un'utilissima timeline

Fullscreen Slit Slider

Come creare velocemente uno slider che sia anche molto attraente? Anche l'occhio vuole la sua parte, no? Vi riporto un tutorial molto interessante su come, usando JQuery e CSS, è possibile creare uno slideshow fullscreen di grande effetto.

Sono infatti le stesse slide che aprono la slide corrente tagliandola a metà durante la navigazione.

Il tutorial e la demo

Questa immagine è presa dal tutorial stesso, che usa a sua volta animal icon font di Alan Carr.

read more