Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News]

HTML 5: Video Player Open Source in Javascript

Projekktor è un video player realizzato in Javascript, che utilizza la funzionalità di video embedding del nuovo standard HTML5. Nel caso in cui, il browser dell’utente non fosse compatibile (allo standard H.264), il plugin avvia un player in flash.

Supporta le playlists e può essere attivata la modalità schermo intero, inoltre, il pannello dei controlli, è configurabile via CSS.

C’è da dire che non è ancora perfetto e possiede qualche bug, ma data la forte diffusione di questa nuova tipologia di formato, i programmatori sono ben intenti a rilasciare nuove versioni sistemandone i problemi.

Vi rimando al sito per ulteriori dettagli.


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News]

Voi Usate Il jParallax???

diagram

Il jParallax trasforma nodi in strati posizionati in modo assoluto che si muovono in risposta al mouse. A seconda delle loro dimensioni questi livelli si muovono a velocità diverse, in una sorta di modo parallelo.

Con un po’ di CSS è possibile creare finestre per vedere attraverso questi strati, oppure lasciarli liberi di vagare in giro per la pagina HTML.

 

Questo plugin esiste già da un paio di anni solo adesso sta venendo fuori dalle pagine internet.

Si può ipotizzare che questo sia dovuto allo sviluppo dei browser web che solo negli ultimi tempi si sono aggiornati in maniera davvero esponenziale andando a superare ogni aspettativa.

 

Ciò ha fatto si che anche il web design si evolvesse in qualcosa di spettacolare che impressiona anche il singolo utente di passaggio sul vostro sito.

 

Ecco un semplice esempio di jParallax http://www.ristorantemartella.it/


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News]

jQuery Countdown

jquery_countdown_clock

Da tempo sono approdati sul web gli jQuery Countdown ma cosa sono?

Già dal nome si può capire che è un conto alla rovescia che lavora tramite jQuery che altro non è che una libreria Javascript veloce e concisa che semplifica il “movimento” del documento HTML, la gestione degli eventi, l’animazione e le interazioni Ajax per lo sviluppo web rapido.

 

Questi jQuery Countdown posso essere usati per qualsiasi avvenimento ad esempio:

sul vostro sito sta per aprirsi una nuova sezione? con il counter potrete creare fermento nei vostri utenti magari anche mettendo in rete rumor per creare attesa; inserirlo in una pagina di coming soon; oppure in una pagina di download; oppure creare un evento e inserire questo countdown e tante altre applicazioni basta avere le idee giuste!

 

Nel web si trovano tante versioni free e alcuni siti che producono articoli jQuery, ovviamente personalizzati, e li propongono per pochi dollari.

 

Ecco alcuni siti che propongono top 10 di jQuery Countdown sia free che a pagamento:

 

http://www.tripwiremagazine.com/2012/11/jquery-countdown-scripts.html

 

http://freebiesdesign.com/31-cool-jquery-count-down-script/#.UPWTyKEjiuk

 

http://creativecan.com/2012/10/jquery-countdown-timer/

 

http://www.jquery4u.com/image-scripts/10-awesome-jquery-count-scripts/


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

jQuery Resources: Infinite carouFredSel. Slideshow Immagini

carouFredSel è un plugin gratuito in jQuery che converte qualsiasi elemento HTML in un carosello circolare di immagini infinito.

Può lasciar scorrere uno o più elementi contemporaneamente, sia orizzontalmente che verticalmente. Include funzionalità automatiche e altre attivabili mediante l’interazione dell’utente ai pulsanti di azione.

Essi possono essere pulsanti prev e next con immagini personalizzate (CSS), indicatori di posizione e pulsanti di play e di pausa.

Link


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

Come creare un sito portfolio elegante?

Ho trovato questo post che è un tutorial che vi consentirà di costruire un elegante sito portafoglio di design.
Seguite passo passo le indicazioni di Line25 che con HTML e CSS vi permetterà di costruire un buon sito web.
Buon lavoro.

Via: http://line25.com


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News]

Boxtuffs : Un sito di risorse in HTML5 e CSS3 !

Boxtuffs è un sito che mette regolarmente in condivisione risorse originali e gratuite create con HTML5 e CSS3, costruiti da Salvador Lopez Mendoza, talento del designer. Il sito comprende una casella di ricerca di auto-crescita, un interruttore on / off, un pulsante per il download e molto altro, ma tutti con un twist. E, una cosa importante circa le risorse è che ogni download viene fornito con il file sorgente PSD . Ecco il link


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News Web Design]

Sistema di Notifiche in jQuery: Pines Notify – Simulare Growl in una Pagina Web

Pines Notify è un’applicazione sviluppata in jQuery che produce delle notifiche su una pagina web in stile Growl su Mac OS.

Le notifiche possono essere impostate in qualunque zona della pagina e possono essere inserite in modo che esse scompaiano in automatico dopo un periodo di tempo (impostabile) oppure attraverso un pulsante.

I contenuti sono inseriti sotto forma di testo in HTML, cambiare l’opacità e le animazioni. Il plugin è in grado anche di visualizzare le notifiche come tooltips in sovrapposizione ad altri elementi.

Link


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

Faary: Form-Bulider con Comandi di Tipo Testo (Codice Sorgente)

Faary è form-bulider online. Attraverso il servizio offerto da questo sito siamo in grado di disegnare un form con la semplice immissione di dati in formato testo.

Continue reading


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News Web Design]

Simple Mailing List: Client di Invio Newsletter in PHP e MySQL – Alternativa a PHP List

Simple Mailing List è un potente manager di newsletter scritto in PHP e MySQL (totalmente gratuito) in grado di gestire le liste attraverso l’aggiunta o la rimozione di utenti, controllare gli utenti attivi etc…

Possono essere impostati tanti parametri, come, ad esempio, l’inserimento del link di unsubscribe in ogni mail inviata. Supporta, inoltre, un sistema di notifiche per l’amministratore che tiene costantemente aggiornati su cosa succede fra gli utenti e il database (spostamenti, aggiunte, rimozioni etc..). Supporta pienamente entrambi i formati di invio: HTML e plain text e, l’invio delle email, può essere posticipato impostando la data e l’orario della spedizione. Eventualmente, possiamo anche disegnare un template in HTML e, salvandolo, possiamo utilizzarlo per ogni e-mail inviata.

È possibile modificare alcuni parametri come il throttle, il limit e la queue (intervallo, limite e coda) dei messaggi, in modo da non sovraccaricare i server SMTP.

Fungerà da buona alternativa al noto PHP List?


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News Web Design]

Compatibilità Video su Diversi Browsers: Come Adattare il Nuovo Standard HTML5

Video For Everybody è un blocco di codice scritto interamente in HTML, utilizzato per poter inserire contenuti video con il tag <video> nelle pagine, che sfrutta il nuovo standard del codice ipertestuale in oggetto.

La potenzialità di questo blocco di codice risiede nel fatto che è adattabile a diversi browser: Internet Explorer e il nuovo standard HTML5 non vanno d’accordo? Nessun problema. Video For Everybody trasformerà, automaticamente, il video in un contenuto QuickTime e verrà avviato senza ulteriori problemi di compatibilità. Nel caso in cui non dovesse funzionare il plugin per QuickTime o, per altri motivazioni il vostro broswer non lo supporta, verrà avviata la riproduzione previo l’utilizzo di Adobe Flash.

Per una completa affidabilità browser-wide, i video realizzati devono essere codificati in MP4 oppure OGG e, in aggiunta, esso non utilizza alcun tipo di javascript (per selezionare il tipo di broswer), ma si basa sulla tecnologia RSS readers.

Questa è una pagina test, progettata dagli sviluppatori, necessaria a provare la compatibilità su diversi browsers.


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News Web Design]

Menu Inspirations: layout Navigatori per Header – Navigation Menu HTML & CSS

Oggi vi propongo dei menu navigator in HTML con il layout già prestabilito e installabile “al volo” su un una vostra pagina. Le anteprime le potete osservare nell’immagine in alto e, come avrete notato, vanno dallo stile stravagante con pattern (in alto) a quello semplice ed elegante (quelli più in basso).

Le immagini di base di questi navigator sono fornite nelle cartelle compresse in basso; inoltre, all’interno di questo file, troverete anche la pagina HTML con il navigatore funzionante e il file CSS per la gestione del mouse positioning.

Questo materiale, prelevato dal sito www.psdgraphics.com, è freeware anche a scopo commerciale.

Green stars CSS navigation
Purple CSS navigation
Orange halftone CSS navigation
Blue waves CSS navigation
Rainbow colors CSS navigation
Gray grunge CSS navigation
Yellow abstract CSS navigation
Blue abstract CSS navigation