-
Server Push sul Web utilizzando la tecnica del Long Polling
Il modo più semplice per simulare lo streaming in tempo reale di informazioni è quello di interrogare il server ogni N secondi, e visualizzare le informazioni (se presenti). Il numero N determinerà quanto in tempo reale il flusso risultante di aggiornamenti cercherà e visualizzerà le informazioni. Questo modello si chiama semplicemente polling. La tecnica del polling è abbastanza problemativa perché cause continue connessione e disconnessioni al server che quando si scala su migliaia di utenti viene messo a dura prova. Questo problema diventa ancora più evidente nei casi in cui il Poller non ritorna i dati per la maggior parte delle volte. Il frammento di jQuery mostrato di seguito eseguo…
-
Riavvia le tue interfacce web con “Bootstrap”
Oggi voglio farvi conoscere una nuova suite di librerie, tra: componenti HTML, JavaScript basati su JQuery e CSS, che consente lo sviluppo di interfacce web, leggere, veloci e molto eleganti, ispirate a quella di Twitter, non a caso l’autore di questo progetto è Mark Otto che è anche uno dei designer del famoso social network. Il progetto di cui parliamo è “Bootstrap” da cui il titolo di questo post. Bootstrap comprende come detto una serie di strumenti per facilitare la costruzione di interfacce web, con componenti già pronti come menu dropdown, menu, tabber, bottoni, etc., CSS per costruire layout basati sul sistema grid (940px), stilizzazione di componenti HTML di base,…
-
Controlla individualmente ogni lettera con Lettering.js
Essendo continuamente alla ricerca di novità riguardo il web design, mi sono imbattuto in questo progetto che sembra essere interessante, parliamo di Lettering.js. Sostanzialmente è una libreria javascript basata sull’onnipresente JQuery, che consente di controllare singolarmente le lettere di una parola in modo da creare bellissimi effetti su titoli, messaggi e quant’altro debba essere messo in evidenza all’interno di un sito web. Vediamo subito brevemente come funziona, partendo da una riga di HTML: [code lang=”html”]<h1 class=”mio_titolo”>Titolo</h1>[/code] Includiamo nella nostra pagina la libreria JQuery e la libreria Lettering.js,aggiungendo poi del codice JavaScript per invocare il metodo lettering(), come mostrato di seguito: <script src="path/to/jquery-1.4.2.min.js"></script> <script src="path/to/jquery.lettering.min.js"></script> <script> $(document).ready(function() { $(".mio_titolo").lettering(); }); </script>…
Potrebbe anche piacerti:
Riavvia le tue interfacce web con “Bootstrap”
Tipped, il framework JavaScript per i tooltip
-
Joomla!: La più grande realtà Open Source degli ultimi anni
In termini di progettazione di siti web, Joomla! è stata ed è tutt’oggi una delle aziende più importanti e significative della storia del web 2.0. L’idea di Joomla! risale all’ agosto del 2005. L’idea era quella di costituire una comunità open source, in cui gli utenti potevano avere voce in capitolo. Ed è stato sempre così, dal 2005 ad oggi. Joomla! ha apportato alcuni cambiamenti(o meglio dire migliorie), ma le basi fondamentali sono rimaste le stesse. Il team di sviluppo creò un sito web, per poter dare un punto di riferimento ad ogni utente che volesse contribuire o informarsi sul progetto. Non appena il sito OpenSourceMatters venne aperto, il leader…
-
Rilasciato JQuery Mobile 1.0 Beta 2
Questa nuova beta apporta una discreto numero di miglioramenti alla libreria includendo: widgets separati in modo da poter includere nel progetto solo quelli di cui si ha effettivamente bisogno, sfruttamento della cache per il DOM per un minor utilizzo di memoria, un’opzione per il pre-cache della pagina, struttura delle pagine più flessibile, design delle check box e dei radio button migliorato, funzionalità avanzate per gli sviluppatori di web sites dinamici basati su JavaScript e supporto per dispositivi mobili ancora più ampio. Per il changelog completo è le caratteristiche in dettaglio fare riferimento al sito web ufficiale raggiungibile alla URL: http://jquerymobile.com/blog/2011/08/03/jquery-mobile-beta-2-released/
-
Tipped, il framework JavaScript per i tooltip
State sviluppando un sito web, avete bisogno di aiutare i vostri utenti nell’utilizzo del vostro sito, magari qualche tooltip ben fatto potrebbe essere utile allo scopo, Tipped allora fa al caso vostro. Tipped è un framework JavaScript che vi consentirà di creare con estrema facilità degli splendidi tooltip utilizzando il framework JavaScript base che più vi aggrada. Tipped usa uno script “adapter” molto leggero, il BridgeJS, che fornisce il supporto per più frameworks JavaSript, attualmente quelli supportati sono jQuery e prototype, altri framework possono essere facilmente utilizzati aggiungendo nuovi adapters. L’intera “skin” del tooltip, dall’ombra all’icona del caricamento è disegnata utilizzando Canvas, ciò significa che è facilmente cambiare lo stile…
-
Come smussare gli angoli di un elemento DIV con CSS 3.0
Utilizzando CSS3, è possibile ottenere un riquadro con gli angoli arrotondati, con raggio a piacimento, il codice proposto funziona correttamente con le versioni di browser elencate di seguito: Firefox 3.5 e successive Internet Explorer 9 Safari 3.0 e successive Opera 10.5 e successive Google Chrome 4.1 e successive Ma andiamo subito a vedere il codice: Definiamo una nuova class CSS .rounded { border:solid 5px #191919; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } e applichiamola ad un elemento DIV in questa maniera: Questa è una prova per ottenere questo risultato:
-
IxEdit, costruire visualmente le interazioni nelle applicazioni Web 2.0
Gironzolando periodicamente sul web, consultanto i diversi siti tecnici di riferimento per gli sviluppatori, ho trovato questo tool per adesso gratuito, molto interessante, soprattutto per chi sviluppa applicazioni web 2.0 basate su JQuery, parliamo di IxEdit. IxEdit è uno strumento che consente allo sviluppatore di definire visualmente le interazioni tra le componenti dell’interfaccia dell’applicazione che si sta sviluppando, lo strumento è completamente basato su JavaScript. Lo sviluppatore può sperimentare le modifiche al DOM della pagina senza scrivere una riga di codice, può spostare, cambiare, aggiungere o trasformare elementi sulla pagina web dinamicamente. In particolare IxEdit è utile in fase di realizzazione del prototipo della web application. Per chi non lo…
