Come creare Web Widgets

March 27

Come creare Web Widgets


Il termine "widget" ha diverse definizioni nel mondo dei computer, ma nel 2010 la maggior parte delle persone associa la parola con i piccoli, funzionalità Web condivisi che contengono codice che produce un unico interfaccia utente grafica (GUI) per il godimento e l'utilizzo di un sito web del visitatore. I widget sono piccoli pacchetti di codifica Web in grado di automatizzare un processo o di visualizzazione caratteristiche come video clip o le notizie. Essi sono più spesso destinati ad essere portabile e liberamente e facilmente condivisi con altri web designer.

istruzione

1 Verificare se uno strumento widget di costruzione si farebbe risparmiare tempo o aiutare a superare eventuali deficit che potreste avere nel vostro HTML o JavaScript capacità di codifica. Diversi Widget orientata siti web, come Widgetbox.com, offrono Build Your Own strumenti Widget che consentono di produrre rapidamente un widget di alta qualità. Anche se si sa poco o nulla di HTML, è possibile utilizzare questi strumenti per fare un widget personalizzato per il tuo sito web e la distribuzione altrove.

2 Determinare il tipo di widget che si desidera produrre. Ci sono molte opzioni disponibili, tra cui Flash e / Java Script HTML, e widget creati per le piattaforme specifiche come WordPress, Joomla, Facebook e Twitter.

3 Aprire un nuovo progetto di codice sul tuo editor HTML. Impostare i perimetri per il widget, ricordando che la maggior parte dei widget sono piccole, di solito una colonna di larghezza per due o tre volte il numero di pixel in altezza. Questa larghezza una colonna standard con 2 o 3 pollici di altezza è il formato standard ma non significa una regola; si può certamente fare i widget più grande o più piccolo. Basta tenere la capacità dell'utente di interagire con un piccolo widget, così come i tempi di caricamento delle pagine, in mente. La maggior parte dei web designer non vogliono usare il tuo widget se è troppo grande o troppo piccolo.

4 Codice tuo widget. Trattare il progetto come se fosse un piccolo sito web che può essere lasciato cadere su un sito web grande. Il progetto widget deve essere un piccolo mondo autosufficiente di codice che dipende da nessun altro elemento del tuo sito web. Essa deve essere portatile, e utile per altri web designer. Offrire agli appassionati del widget la possibilità di regolare la dimensione, il colore, o altri aspetti di funzionamento per i propri scopi. Il risultato finale deve essere un frammento di codice che può essere copiato e incollato dagli utenti di widget sulle loro pagine Web.

5 Ricorda che l'obiettivo del widget è quello di produrre un effetto o le informazioni quando l'utente fa clic sul widget o osserva il widget nella pagina Web. Uno dei classici widget di tutti i tempi è stato il famoso widget di "Neko The Cat", che ha caratterizzato un gatto animato che "guardato" mouse dell'utente mentre si muoveva all'interno della pagina Web. Altri widget classici comprendono conto alla rovescia, i feed di notizie o link diretti a contenuti specifici su YouTube o Flickr. Qualunque sia il tuo widget fa, dovrebbe essere desiderabile altri sviluppatori web.

6 Condividi il tuo widget di quando è completo. È possibile inserire il widget in molte delle famose gallerie di widget è possibile, tra Widgetbox.com e Widgipedia.com. Questi siti galleria sarà posto widget sul mercato per il ritiro da parte di altri web designer. Si può anche tentare di vendere il codice widget per altri sviluppatori, in particolare se il widget è particolarmente eccezionale o produce un risultato molto particolare prodotto.

Consigli e avvertenze

  • Risparmiarsi la frustrazione: se non sei un esperto o HTML JS coder, gli strumenti di widget-making on-line sono altamente raccomandati.