Cómo crear widgets Web

El término "widget" tiene varias definiciones en el mundo de la informática, pero en 2010 la mayoría de las personas asocian la palabra con características Web pequeños, compartidos que contienen código que produce una única interfaz gráfica de usuario (GUI) para el disfrute y el uso de un visitante del sitio Web. Los widgets son pequeños paquetes de codificación Web que puede automatizar un proceso o mostrar características como clips de vídeo o titulares de noticias. Con mayor frecuencia se pretende que sea portátil y fácil y libremente compartido con otros diseñadores de páginas web.

Instrucciones

1 Investigar si una herramienta de construcción widget que ahorraría tiempo o ayudar a superar cualquier déficit que pueda tener en su HTML o habilidades de codificación de JavaScript. Varios sitios web orientado widgets, como Widgetbox.com, ofrecen Construya sus propios herramientas de widget que le permiten producir rápidamente un widget de alta calidad. Incluso si usted sabe poco o nada de HTML, puede utilizar estas herramientas para hacer un widget personalizado para su sitio web y la distribución en otros lugares.

2 Determinar el tipo de widget que desea producir. Hay muchas opciones disponibles, incluyendo Flash y secuencias de comandos HTML / Java y widgets creados para plataformas específicas como WordPress, Joomla, Facebook y Twitter.

3 Abra un nuevo proyecto de código en el editor de HTML. Establecer sus perímetros para el widget, recordando que la mayoría de los widgets son pequeñas, por lo general una columna de ancho por dos o tres veces el número de píxeles de altura. Este ancho de una columna estándar de 2 ó 3 pulgadas de altura es el tamaño estándar, pero de ninguna manera una regla; que sin duda puede hacer que los widgets de mayor o menor. Hemos de tener la capacidad del usuario para interactuar con un muy pequeño widget, así como los tiempos de carga, en la mente. La mayoría de los diseñadores web no tendrá que usar su widget si es demasiado grande o demasiado pequeño.

4 Codificar el widget. Se trata el proyecto como si se tratara de un pequeño sitio web que se puede caer en un sitio web más grande. Su proyecto de widget debe ser un pequeño mundo autónomo de código que depende de ningún otro elemento de su sitio web. Debe ser portátil, y útil para otros diseñadores de páginas web. Ofrecer a los aficionados de su widget de la capacidad de ajustar el tamaño, color, u otros aspectos de funcionamiento para sus propios fines. Su resultado final debe ser un fragmento de código que se pueden copiar y pegar los usuarios widget en sus páginas Web.

5 Recuerde que el objetivo del widget es producir un efecto o información cuando el usuario hace clic en el widget o el widget observa en la página Web. Uno de los widgets clásicos de todos los tiempos fue el famoso widget de "Neko El gato", que contó con un gato animado que "vio" el ratón del usuario mientras se movía alrededor de la página Web. Otros widgets clásicos incluyen relojes de cuenta regresiva, canales de noticias o enlaces directos a contenidos específicos en YouTube o Flickr. Sea cual sea su widget hace, sería deseable que otros desarrolladores Web.

6 Comparte tu widget cuando se ha completado. Puede introducir su control dentro de varias de las galerías de widgets libre populares disponibles, incluyendo Widgetbox.com y Widgipedia.com. Estos sitios galería colocarán los widgets en el mercado para recoger por otros diseñadores de páginas web. También puede intentar vender su código de widget a otros desarrolladores, sobre todo si el widget es particularmente destacada o produce un resultado producto muy inusual.

Consejos y advertencias

• Ahórrese la frustración: Si usted no es un experimentado o HTML codificador JS, las herramientas de widgets de decisiones en línea son muy recomendables.