elRTE - es un editor WYSIWYG gratuito para sitios web y sistemas de gestión de contenidos (CMS) escrito en JavaScript con la utilización de jQuery UI. Por el tipo de licencia que utiliza, pude ser utilizado en cualquier proyecto, tanto comercial como no.
El objetivo principal del editor es simplificar al máximo el trabajo con el texto y la maquetación (HTML) en sitios web, blogs, foros y otros servicios online. Inicialmente elRTE se desarrolló para ELDORADO.CMS.
En el tutorial Beautiful Background Image Navigation with jQuery publicado Codrops nos enseñar a crear un espectacular menú navegación que tiene un efecto de imagen deslizante de fondo mediante jQuery.
Para comprobar el efecto podéis ver la demo haciendo click en la siguiente imagen:
Menú de navegación con fondo de imágenes
La idea principal es contar con tres elementos de una lista que contienen la misma imagen de fondo pero con una posición diferente. La imagen de fondo para cada elemento se deslizará en distintos momentos, creando un efecto bastante llamativo. Además de eso vamos a tener sub-menús que aparecen con el deslizamiento de cada uno de sus elementos de menú.
Incluimos 10 tutoriales sobre recursos y aplicaciones del framework jQuery que hemos encontrado vía resources.savedelete.com.
Se trata de recursos para construir galerías de imágenes, sliders, creación de gráficos, optimización de sitios web para iPhone, etc.
(más…)
Hasta que han estado disponibles librerías Javascript como jQuery y MooTools que permiten agregar animaciones y características interactivas a nuestras páginas sin requerir su recarga, el uso de Flash ha sido la única alternativa al alcance de muchos diseñadores y desarrolladores web.
En la actualidad, los frameworks Javascript jQuery y MooTools ofrecen librerías de rutinas compatibles con la mayor parte de los navegadores (en los ejemplos de este post veréis que IE es un excepción en algunos casos ) y con una reducida curva de aprendizaje para los desarrolladores y diseñadores web, con funcionalidades más que suficientes para la mayor parte de los requerimientos de efectos gráficos con imágenes.
En este post comentamos 10 plugins y técnicas basadas en jQuery para crear efectos sobre imágenes: efectos de zoom para sitios web de fotografía, códigos para crear y guardar anotaciones en imágenes o para transformar listas de imágenes en galerías fotográficas, visualización de subtítulos en imágenes con efecto de rollover, códigos para arrastrar imágenes, etc.
Todos ellos permiten incluir un cierto nivel de interactividad con las imágenes en nuestras páginas web, lo que nos hace pensar en la posibilidad de sustituir, en algunos casos, pesados códigos Flash por tecnologías de desarrollo web más sencillas como jQuery.
(más…)
Siguiendo con nuestra línea de artículos sobre jQuery, incluimos esta colección de tutoriales para aprender a utilizar la librería. Podéis encontrar guías de aprendizaje para desarrollar desde menús en jQuery hasta visores y carruseles de imágenes, pasando por ejemplos para implementar paneles deslizantes y otros efectos gráficos.
Actualización (23-07-2010): Nuevo post con tutoriales jQuery “jQuery: 10 tutoriales (junio 2010)“
Continuando con la línea de posts sobre utilidades basadas en jQuery, incluimos el listado publicado en Smashing Magazine donde figuran herramientas para formularios, para incluir efectos en elementos gráficos, para construir galerías y slideshows, menús de navegación, etc.
En el documento “Guía de Google sobre indexación de sitios web en AJAX”, los ingenieros de Google nos dan indicaciones sobre la problemática que para los robot supone la indexación del contenido web en AJAX y como solventar alguno de los inconvenientes que acarrea el uso inadecuado de esta tecnología.
El documento completo podéis verlo en el enlace anterior o en la presentación incluida en este mismo post. A modo de resumen, incluimos nuestras conclusiones sobre el mismo:
Los slideshows son cada vez más popular en la página web durante los últimos años. Las galerías de imágenes y diapositivas incrementan la experiencia de usuario y hacen que la visualización de imágenes sea mucho más agradable e intuitiva en su sitio web.
En esta entrada os citamos 6 plugins jQuery que nos permiten, de forma facil e intuitiva, incluir slideshows en nuestras páginas web.
Incuimos la referencia a un nuevo plugin de jquery (EventsManager), desarrollado por Tomás Corral Casas, para facilitar el trabajo en la gestión de eventos en jquery y que busca proporcionar flexibilidad y facilidad de trabajo.
Tambien se utiliza para ayudar al testeo unitario de otros plugins y para la detección de malware en funciones.
El enlace del plugin es http://plugins.jquery.com/project/eventsmanager
En Future Colors han publicado una “chuleta” con la documentación del API del nuevo jQuery 1.4.
La documentación puede ser utilizada en tres formatos: HTML (con enlaces a la documentación de cada una de las funciones en http://api.jquery.com/y PDF o PNG para imprimir.
Enlaces para acceder a la documentación:
Recibe por mail las entradas:
