Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

Autocompleter: riempimento automatico input box. PHP e MySQL

AutoCompleter è uno script in jQuery in grado di fornire all’utente che inserisce delle informazioni all’interno di un’inputbox, dei consigli (prelevati da un database MySQL), per l’autocompletamento.

Vi propongo un tutorial (in inglese) per implementare questa funzione con pochissime righe di codice. Infatti, bisogna solo includere il file .js allegato, scrivere qualche riga di codice in php per la connessione al database e il gioco e fatto!

Un file .css è disponibile per la modificazione dello stile.


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Coach Creativo]

Video player in MooTools e HTML5: Moovie

Moovie è una libreria di controllo gratuita per il tag <video> in HTML5.

Include tutte le funzionalità di un player: play, pausa, stop ed un controllo volume, molto simili alla barra di caricamento e controllo di Youtube.

Quando caricate il video per la prima volta, esso mostrerà un grande pulsante “Play” (come in foto), e un plusante di “Replay” al termine.

Sono gestite egregiamente le playlist (per video multipli) e anche i sottotitoli. Il plugin è altamente personalizzabile, infatti, è possibile decidere, in un file di configurazione, se oscurare i sottotitoli, la scomparsa automatica dei controlli e se ripetere i video (looping).

Link


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

Manipolare i colori nel web: xcolor, un plugin in jQuery

xcolor è un plugin in jQuery che consente di effettuare manipolazioni sui colori e i relativi codici esadecimali.

Prima di tutto può convertire i colori nei diversi formati: RGB, HSV e HEX, con i metodi getRGB(), get HSV() o getHEX().

Può, mediante un altro metodo, calcolare il colore combinato, es: se do in entrata rosso e blu, l’algoritmo mi restituirà viola. Nell’immagine, viene utilizzato l’esempio del giallo e rosso, che da, in uscita, il verde.

Altri metodi consentono di gestire i colori complementari e, un’ultima, ma interessantissima funzione, è quella che il plugin, mediante dei calcoli sul codice di un colore, stabilisce se esso potrà risultare leggibile su una determinata tonalità di sfondo.

Link


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Coach Creativo 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

[Coach Creativo Web Design]

Nivo Zoom: jQuery Plugin per Ingrandire le Immagini con un Click

Questo plugin consente di effettuare operazioni di zoom sulle immagini contenute nelle vostre pagine. Dopo aver effettuato il click sulla thumbnail, verrà visualizzato un’immagine di caricamento, e successivamente l’immagine in versione ingrandita.

Supporta 5 tipi differenti di effetti-zoom e può mostrare le didascalie (come in foto).

Di default non utilizza gli overlays (porzioni trasparenti di un’immagine), ma possono essere personalizzati i colori da opacizzare, in modo da rendere visualizzabile correttamente anche le immagini in PNG.

Link


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Coach Creativo Web Design]

Un Carrello Open Source per fare Shopping: eCart – Alternativa Magento – Prestashop

eCart è uno shopping-cart open source scritto in PHP e MySql. Con quest’applicazione potete gestire più stores da una singola interfaccia admin, supporta un numero di categorie illimitato, un carrello e altro.

Gli utenti possono comparare i prodotti, aggiungere articoli alla lista dei desideri o scrivere recensioni.

eCart ha un pannello di controllo admin nel quale è possibile impostare i gruppi degli utenti, definire tasse diverse per paese oppure pubblicare articoli nella sezione blog che mette a disposizione.

È in versione beta e manca di una buona documentazione, ma questa arriverà a breve.


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

chronoStrenght: Plugin Misuratore Difficoltà Password in jQuery o Javascript

Avete mai inserito una password in un form e avete notato affianco un misuratore di difficoltà (strenght) ? Bene, chronoStrength è un plugin che valuta la password inserita dall’utente e ne indica, con dei colori, il rischio e la facilità di “crack”.

Inoltre, mostra anche un simpatico messaggio che ci indica in quanto tempo, un computer desktop PC riesce a formulare un algoritmo per scoprire la nostra password, in base al numero di combinazioni possibili. Esso, ovviamente, è modificabile attraverso i fogli di stile.


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Coach Creativo Web Design]

Widget in Javascript per i Social Network: OpenLike

OpenLike è un widget scritto in Javascript in grado di riportare funzionalità di sharing dei contenuti di un sito web, in uno dei più famosi Social Network: Facebook (Mi Piace), StumbleUpon, Reddit, Digg, Buzz, Twitter ecc…

È un sistema molto più semplice dei servizi professionali AddThis e ShareThis: infatti, basta inserire solo poco codice in un file js.

Le varie stringhe e immaginette di condivisione possono essere personalizzate attraverso il file CSS contenuto nel pacchetto.


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

[Coach Creativo Web Design]

jCoverfilp: CoverFlow in jQuery – Scorrimento Immagini in Stile Apple

Con questo plugin possiamo creare un’interfaccia, costituita dallo scorrimento di una galleria di immagini in coverflow. Tra l’altro, è anche possibile lasciar scorrere contenuti in HTML.

Lo scorrimento avviene previo l’utilizzo della barra, che utilizza l’API di jQuery UI Slider.

Come al solito, è possibile definire il numero di animazioni, la velocità della transizione e tanto altro. Anche lo stile è personalizzabile, infatti, è possibile cambiare fonts e colori.

Opzionalmente, questo plugin è disponibile come integrazione di Drupal, in un modulo.

Link


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Coach Creativo Web Design]

simpleSli.de: jQuery Slideshow Plugin in HTML5

simpleSli.de è un plugin in jQuery che, come ci suggerisce il nome, disegna uno slideshow, di immagini, oppure di contenuti in HTML.

È molto semplice, in quanto, sono necessarie pochissime impostazioni per metterlo in azione: modalità di transizione, velocità, dimensioni e colori.

È possibile inserire pulsanti di prev&next, è possibile visualizzare una barra che indica la posizione dello slider e molto altro!

Ecco il link.