Monthly Archives: luglio 2010

Plugin avanzato: Color Picker in Javascript

by / 3.513 views

ColorPicker è un plugin in JavaScript utile a selezionare il colore mediante il mirino e, in uscita, restituisce  il codice in esadecimale, in RGB e in CMYK. Il codice del colore, ovviamente, può essere utilizzato attraverso il codice e, se opportunamente implementato, si possono sviluppare applicazioni molto interessanti.

Può essere visualizzato in 4 diverse grandezze (come mostrato in foto) e memorizza gli ultimi 9 colori. Lo script è totalmente modificabile attraverso i CSS e può essere trasportato sulla pagina (funzione drag & drop).

Contiene l’intera collezione delle palette dei colori (circa 16,78 mil.).

Link

Facebook GUI in un file PSD. Tutti gli elementi di Facebook disponibili per Web Designers

by / 2.828 views

Facebook è un’enorme piattaforma per migliorare la web-community di qualsiasi cosa: business, blog, profilo personale ecc.. Inoltre, con il suo SDK, è possibile creare applicazioni open source integrate nella schermata di facebook, subito disponibili a milioni di utenti.

Smashing Magazine ha pubblicato un kit, composto da più livelli, disegnato da SurgeWorks, che contiene la tutti gli elementi della GUI di Facebook.

Oltre l’icona di Facebook e il logo, il kit include gli header, lo stile della chat, il box per i commenti, i pulsanti, i messaggi, le tabelle ecc…

Il file è in formato .PSD

Link

Commenting Script in PHP. Free Commentics

by / 7.308 views

Se stai costruendo un sito senza l’ausilio di un CMS, Commentics, comodissimo script in PHP, è in grado di aggiungere la feature dei commenti alle pagine desiderate mediante un pannello di controllo back-end.

Utilizza un database in MySQL, quindi può essere integrato in qualsiasi sito che ha queste caratteristiche e possiede anche alcune funzioni di sicurezza, come il captcha, l’antiflooding e l’anti spam.

Nel momento in cui un utente invia un commento, egli può anche valutare il contenuto e sottoscriversi o via email o via RSS ai commenti successivi.

Il pannello di controllo può gestire i backups, controllare gli utenti online e le statistiche.

Link

Google Ad Manager: Plugin gestione banner per Joomla! 1.5

by / 6.297 views

Oggi vi parlo di un plugin e di un modulo per Joomla! 1.5 che integra gli slot pubblicitari provenienti dal sistema di gestione online della pubblicità di Google (Google Ad Manager).

Se già utilizzate il sistema ads di Google, quindi, non vi resta che installare questo plugin per semplificarvi la vita, posizionare il banner nella posizione corretta e in maniera dinamica (mediante un pannello di controllo dal lato back-end).

Link

qTip: un altro plugin jQuery per il Tooltip al passaggio del mouse

by / 3.377 views

Pochi giorni fa ho postato un articolo su un plugin in jQuery che a partire dalla proprietà “title” dei tag mostrava un tooltip divertente e colorato.

Oggi vi propongo un’alternativa, sempre in jQuery, che si presenta con tantissime features. La funzione più importante si basa su un nuovo sistema che gestisce i bordi dei tooltip, senza l’ausilio di file png. È cross-browser e possono essere stabilite le dimensioni, i colori e tante altre cose…

Infatti, ci sono anche altri effetti di show e hide dei tips e quest’ultimi possono essere anche personalizzati.

C’è un’ampia documentazione per le API utilizzate, clicca qui.

Plugin jQuery per abilitare l’api CSS Transform anche in IE 6 e 7

by / 4.478 views

Questo leggerissimo plugin in jQuery (5kb) abilità la funzione Transform di CSS3 anche in Internet Explorer 6 e 7.

Dopo aver caricato questo script, esso abiliterà le funzioni rotate, scale (scaleX e ScaleY), skew (skewX e skewY) e matrix.

Negli altri browsers non ha alcun effetto e funziona senza disturbi.

Colortip, un plugin jQuery per mostrare messaggi tooltip al passaggio del mouse

by / 2.959 views

Tutorialzine ha pubblicato un tutorial che spiega come scrivere un semplicissimo plugin in jQuery che mostra dei messaggi tooltip al passaggio del mouse su di un elemento.

Esso converte semplicemente l’attributo title di un elemento html e mostra il messaggio tooltip in 6 temi differenti, in base al proprio design. Si può, ovviamente, anche creare un proprio file css e editare personalmente i colori, il testo e tutte le altre proprietà di formattazione.

Riuscirà mai il framework jQuery a vincere la lotta contro Flash? Chissà… è sulla buona strada.

Link

Lucid Desktop, un sistema operativo online. PHP5 e SQL database.

by / 8.423 views

I sistemi operativi basati sul web stanno diventando, giorno per giorno, sempre più frequenti e solidi. Tutto questo grazie ai più frequenti framework, sia in Javascript, che in altri linguaggi, che consentono di avere un’esperienza desktop-like.

Lucid Desktop è un’applicazione open source scritta in php che simula un sistema operativo di classe desktop e utilizza il linguaggio SQL per lo storing dei dati in un database online. Al suo interno sono installate tante applicazioni, come un buon text-editor, una calcolatrice, un visualizzatore di immagini, un semplice giochino, un web browser, un feed reader, un music player e tanto altro.

È presente un file manager in grado di cancellare, modificare e aggiungere file e cartelle. Si possono cambiare le caratteristiche del desktop, sono supportati i temi e l’auto-update all’ultima versione dell’OS.

Link

Autocompleter: riempimento automatico input box. PHP e MySQL

by / 4.682 views

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.

Contact Forms Inspirations: 36 bellissimi form da cui prendere spunto

by / 3.017 views

I form di contatto sono presenti in quasi tutti i siti web e sono importantissimi per lo scambio di informazioni tra l’utente e gli amministratori.

Spesso però la loro grafica annoia e disturba i clienti intenti a riempirne il contenuto. Allora che ne pensate di rinnovare un po’ le idee rinfrescando il design in modo da renderli appetibili, accattivanti e invitanti alla compliazione?

dzineblog ha raccolto 36 bellissime mascherine di contatto e vere e proprie pagine da cui trarre ispirazione. Spero che vi possano tornare utili in un vostro futuro progetto.

Link