Tag Archives | javascript

markItUp! Universal Markup jQuery Editor

markitup! es un plugin de JavaScript basado en jQuery que nos permite convertir cualquier textarea en un editor de etiquetas. Soporta codificación HTML, Textil, sintaxis Wiki, Markdown, BBcode o incluso un sistema propio de marcas.

Markitup, editor de código jquery

Características

  • Autor: Jay Salvat
  • Licencia: MIT/GPL
  • Tamaño: 6.5Kb.
  • Requiere: jQuery 1.4.2
  • Navegadores soportados: IE6-7-8, Safari 3+, Firefox 3+

Continuar leyendo →

Comentarios { 1 }

Cómo utilizar jQuery NIVO Image Slider en Drupal [tutorial]

En un proyecto en el que nos encontramos embarcados hemos necesitado incluir un slider con imágenes en una instalación de Drupal. Para otros muchos desarrollos (sobre WordPress, Codeigniter, etc.) habíamos utilizado el plugin jQuery Nivo Image Slider, pero aun no lo habíamos incluido en ningún diseño sobre Drupal.

Habitualmente lo elegimos porque incluye bastantes tipos de transiciones para las imágenes, genera un código bastante sencillo, es bastante adaptable y ligero, permite elementos HTML como enlaces, captions, etc. y, además está liberado con licencia MIT.

jquery Nivo image slider

Nivo Slider con el tema por defecto y Thumbnails

En el caso de su utilización en Drupal, además se integra fácilmente con módulos básicos de este gestor de contenidos como ImageCache y Views.

En este post os comentamos los pasos que hemos realizado para añadir este elemento.

Continuar leyendo →

Comentarios { 1 }

10 plugins jQuery para interfaces de usuario

Incluimos una recopilación de plugins jQuery especialmente orientados a implementar elementos de interfaz de usuario en páginas web. Encontraréis complementos que nos pueden servir para medir la fortaleza de las passwords de los usuarios en los formularios de registro, para incluir sistemas de votación de forma rápida y sencilla, para añadir un sistema de alertas en una interface web, etc.

Continuar leyendo →

Comentarios { 1 }

jQuery: tutoriales y plugins para implementar interfaces estilo iPhone

En algunos artículos de este blog (p.e. 35 diseños web al estilo Apple [inspiración] Tutoriales sobre diseño web al estilo Apple) hemos tratado de temas relativos a como incluir en nuestros diseños web la apariencia de diseño de las páginas de Apple. En este artículo incluimos algunos tutoriales y plugins que nos ayudarán a aplicar jQuery para generar en nuestras páginas web efectos y funcionalidades similares a las que nos presenta la interface del iPhone.

Continuar leyendo →

Comentarios { 1 }

jQuery: Últimos plugins interesantes – Mayo 2011

Incluimos la referencia a dos plugins jQuery que hemos encontrado este mes y nos han parecido de interés.

El primero de ellos, Ninja UI, permite crear elementos para nuestra interface de usuario web de forma rápida y elegante (botones, paneles deslizantes, pop-ups, etc.). El segundo, jquery.multi-select, nos permite añadir a nuestros formularios HTML cajas para seleccionar múltiples elementos.

Para finalizar incluimos un tutorial que trata sobre como desarrollar una barra de paginación en jQuery.

Continuar leyendo →

Comentarios { 1 }

Embedly: utilidad para incluir contenido de múltiples fuentes en páginas web

Embedly es una plataforma para la conversión de direcciones URL en el contenido integrable en páginas web que nos permite enriquecer nuestro blog, sitio web o desarrollo a coste cero. Su servicio consiste en ofrecer métodos sencillos y cómodos para incrustar contenido de todo tipo (vídeos, imágenes, “rich HTML” o enlaces) proveniente de múltiples fuentes, a través de una misma API que utiliza oEmbed.

oEmbed es un formato estandarizado que permite a los desarrolladores integrar una representación de una dirección URL en cualquier sitio. Cuando un usuario publica un vínculo a un recurso, los sitios puede mostrar contenido integrado sin tener que analizar el recurso directamente. Aquí podéis encontrar más información de oEmbed.

Continuar leyendo →

Comentarios { 1 }

Compression Plugin made by Cork Tiles