Tag de artículos: javascript

Coderun: entorno de desarrollo online

CoderunProy

Coderun nos da la posibilidad de trabajar sobre un entorno de desarrollo similar a Visual Studio, con la particularidad de realizar todo el trabajo en el navegador con HTML dinámico y AJAX. De forma online y sin instalar absolutamente nada, podemos empezar a programar nuestros proyectos de ASP.NET, servicios Web, Silverlight, bibliotecas de clases, sitios PHP, aplicaciones facebook y código JavaScript. Y todo gratis y sin ni siquiera registrarse.

http://coderun.com/ide/

Emprise Javascript Chart, gráficas profesionales

Emprise Javascript Chart, es una librería Javascript que permite generar gráficas profesionales de forma sencilla y rápida.

emprise-javascript-chart-600x290

Entre las funcionalidades que nos encontramos cabe destacar:

  1. La gran cantidad de tipos de gráficos disponibles
  2. La compatibilidad con la mayoría de navegadores actuales.
  3. Fácilmente ampliable mediante plugins Javascript
  4. Personalizable

Aunque se trata de una librería comercial, la versión free ofrece una gran cantidad de opciones que podríamos usar en nuestras aplicaciones.

Ejemplos | Descargar de la versión gratuita

Vía aNieto2k

Librería JavaScript Raphaël

raphael

Raphaël es una pequeña librería JavaScript que pretende simplificar el trabajo con gráficos vectoriales en la web. Si quiere crear sus gráficos, imágenes o texto por ejemplo, se puede lograr de una forma rápida y sencilla con esta librería.

Raphaël utiliza las Recomendación del SVG W3C y VML como base para la creación de gráficos. Esto significa que cada objeto que cree es también un objeto DOM, para que pueda conectar con controladores de eventos JavaScript o modificarlo más adelante.

Raphaël actualmente es compatible con Firefox 3.0 +, Safari 3.0 +, Opera 9.5 + e Internet Explorer 6.0 +.

Panel deslizante con jQuery

slidingpanel

Gracias a webkreation, podemos disponer de un magnífico panel deslizante realizado con jQuery, que nos permitirá “esconder” un panel con la funcionalidad que desees: un formulario de acceso a una zona privada, texto, imágenes, etc., mostrándose de una forma limpia y agradable al pulsar sobre el texto “Abrir panel”. Es totalmente configurable y muy sencillo de instalar, con la posibilidad de descargarlo desde su propia página como plugin para WordPress.

Sliding Panel | Demo | Descarga

Scripts de autocompletado de texto para web

Para facilitar la entrada de texto, los scripts de autocompletado son una gran ayuda. Se suelen utilizar sobre todo a la hora de buscar palabras en un sitio web, se han convertido en uno de los mejores elemento de interacción con el usuario, y últimamente la mayoría de los sitios más famosos como google, youtube o msn ya lo tienen implementado.

La mayoría de los scripts que nos podemos encontrar por internet, están realizados con JavaScript o AJAX, y su implementación en la página no suele resultar muy complicada; por ello, es una opción interesante de incluir para ayudar a nuestros usuarios en sus búsquedas.

Tokenizing Autocomplete Text Entry

token

A fancy Apple.com-style search suggestion

fancyapple

AutoSuggest

auto

Google suggest style filter

googlestyle

Ajax Powered AutoComplete

ajaxpower


Leer más

Contactable: un formulario en jQuery

feedback

Contactable es un formularios desarrollado en jQuery, y que nos permite añadir en cualquier de nuestras páginas un formulario de contacto de una forma sencilla, rápida y con un mínimo esfuerzo. Éste aparece “escondido” en un lateral de la página, y se despliega al pulsar sobre el botón “Feedback” para mostrarse por completo.

ContactableDemoDescarga

Motor 3D para jQuery

image38

Interesante librería con tutorial completo y varios ejemplos en diversos posts que nos ayuda a trabajar con 3D en jQuery. Tan sólo es necesario crear una cámara, un objeto en 3D y un escenario y listo para actuar.

Making a 3D Engine in jQuery

Vía SentidoWeb

Cabecera deslizante estilo iPhone

21sep0901

El iPhone tiene una interfaz con algunas características únicas, que difícilmente se pueden ver en algún otro Sistema Operativo. Pero gracias a jQuery, podemos simular muchos de sus efectos en nuestras páginas web. Uno de ellos, es la posibilidad de dejar “fija” una cabecera, de tal forma que a medida que vamos deslizándonos a lo largo de una lista, aparezca estática la cabecera actual. Lo mejor para comprender el efecto, es ver la demo que tenemos disponible, y revisar el código de este efecto.

iPhone-like Sliding Headers

IxEdit: Efectos AJAX sin saber javascript

IxEdit es una aplicación javascript que te permite aplicar efectos AJAX, concretamente con la librería jQuery sin la necesidad de saber absolutamente nada de Javascript.

Una vez descargado enlazas los archivos necesarios desde la web que estés diseñando, la abres en un navegador y aplicas los efectos que necesites (tabs, añadir clases CSS, quitarlas, animar, insertar HTML, slide, fade, etc.)

Todos esos efectos se crearán “on the fly”; aquí puedes ver varias demos.

Vía Ceslava

Validar formularios fácilmente

vanadium

Vanadium es un plugin para jQuery que permite validar formularios de manera sencilla y con pocas lineas de código. Permite validar campos obligatorios, numéricos, email, entre otros.

Validar formularios es muy importante en las páginas para prevenir el ingreso de datos inválidos sin el formato adecuado. Obviamente estas validaciones deben estar acompañadas de una validación en el lado del servidor para tener una doble protección. Entonces Vanadium se encarga del proceso de validar formularios de manera sencilla y con una sintaxis muy sencilla de utilizar.

Vía unijimpe