jQuery: tutoriales sobre menús de navegación con pestañas

Un punto importante a la hora de desarrollar menús de navegación para nuestras páginas web es el espacio de que disponemos en las zonas en las que queramos ubicarlos. Si este es limitado, las pestañas pueden permitirá ahorrar espacio, dando al usuario una manera de alternar entre varios elementos en un espacio pequeño.

En los tutoriales que os proponemos, se comentan técnicas para implementar, mediante jQuery, efectos de transición y animaciones a estos menús basados en pestañas. Encontraréis, desde cómo crear un menú accesible hasta guías para desarrollar contenidos dinámicos con pestañas de selección.

[slideshow id=19]

Crear una interfaz de pestañas usando jQuery

Un tutorial y el plugin correspondiente para la creación de una zona de animación con pestañas.

Pestañas de navegación en AJAX con jQuery 1.4 & CSS3

En estos tutoriales aprenderás cómo crear una página con pestañas de navegación en AJAX con CSS3 y jQuery.

Construir un blogroll más llamativo con SimplePie y jQuery

Es este tutorial se describe como construir un blogroll con pestañas dinámicas para vuestro blog mediante animaciones en jQuery.

Crear una área de contenido seleccionable con pestañas utilizando CSS y jQuery

Esta tutorial te enseña cómo construir una caja con fichas de información en HTML y, a continuación, hacer que funcione con algunos sencillos códigos Javascript, y, finalmente, aplicar efectos mediante la biblioteca jQuery.

Lista de elementos destacados

Desarrollo de un plugin jQuery que nos permite implementar un widget con los elementos destacados de nuestra página o sitio web.

Formulario deslizante en jQuery

Este tutorial nos enseñara como desarrollar un formulario deslizante, con validación de los campos, con los objetivos de ocupar un espacio reducido en nuestra página y ser fácilmente accesible.

Otro ejemplo de creación de una interfaz de usuario basada en jQuery

Aprenderemos a utilizar la función “Tabs” de la librería jQuery UI.

Tabify

Plugin jQuery que nos permite implementar contenido seleccionable mediante pestañas mediante listas desordenadas (ul) en un espacio muy reducido.

Accessible-Tabs

Cómo desarrollar un plugin jQuery que genere un menú de navegación que funciona, incluso, sin que el navegador del usuario tenga activado el Javascript. Las pestañas que genera el código están desarrolladas de forma que pueden ser accesibles por los lectores de pantalla de los usuarios con discapacidades visuales, aunque no soporten el estándar WAI-ARIA sobre accesibilidad de aplicaciones enriquecidas.

idTabs

Manual sobre el plugin jQuery idTbas. Este código nos permite añadir pestañas a nuestras páginas web de una forma muy sencilla.

Tutorial para desarrollar un menú de navegación con pestañas dinámicas mediante jQuery

Este tutorial nos ensaña a crear un menú con pestañas dinámicas y contenido deslizante mediante código jQuery. Muy aplicable a contenidos en barras laterales, por ejemplo, en blogs, donde incluir contenidos destacados, actualizaciones, noticias, etc.

Fuente: 11 Useful jQuery Tab Navigation Solutions | Tutorials.

The jQuery: tutoriales sobre menús de navegación con pestañas by AlmacenPlantillasWeb, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Spain License.