37 Tabs y pestañas basadas en CSS y Ajax

Hoy día las pestañas o tabs son más que fundamentales dentro de lo que se refiere al diseño web, gracias a ellas puedes crear interesantes menús de navegación o quizás tablas dinámicas que muestran un contenido u otro según se seleccionen enlaces en la zona superior.

La ventaja de utilizar estas tabs es que puedes englobar mucha información en una misma página sin que quede saturada y permitir que se pueda navegar entre varios textos e imágenes sin tener que abrir diferentes ventanas.

Aquí vamos a echar un vistazo a una colección de interfaces basadas en pestañas creadas a través de CSS y/o Ajax, así que puedes esperar que sean interesantes desde el punto de vista visual y también a nivel práctico.

Navegación Ajax Flexible
ajax-css-pestanas-navegacion-1

Menú Vista Aero
ajax-css-pestanas-navegacion-20

Pestañas estilo Yahoo
ajax-css-pestanas-navegacion-13

Pestañas acordeón con efecto hover
ajax-css-pestanas-navegacion-33

Menú con slide
ajax-css-pestanas-navegacion-9

Ventanas flotantes con tabs
ajax-css-pestanas-navegacion-27

Pestañas Ajax
ajax-css-pestanas-navegacion-14

DHTML Tabs
ajax-css-pestanas-navegacion-21

Pestañas de control
ajax-css-pestanas-navegacion-5

Pestañas que se pueden cerrar
ajax-css-pestanas-navegacion-28

CSS mini tabs
ajax-css-pestanas-navegacion-22

Pestañas DHTML
ajax-css-pestanas-navegacion-10

jQuery Tab
ajax-css-pestanas-navegacion-23

Pestañas en vertical
ajax-css-pestanas-navegacion-29

Pestañas acordeón drag and drop
ajax-css-pestanas-navegacion-34

jQuery UI Tabs
ajax-css-pestanas-navegacion-15

DHTML Goodies Tab Panes
ajax-css-pestanas-navegacion-35

Diseñador de tabs CSS
ajax-css-pestanas-navegacion-2

Pestañas anidadas con jQuery
ajax-css-pestanas-navegacion-6

Pestañas anidadas
ajax-css-pestanas-navegacion-30

Tabs en acordeón
ajax-css-pestanas-navegacion-24

Brainjar
ajax-css-pestanas-navegacion-11

Pestañas con imágenes
ajax-css-pestanas-navegacion-36

Pestañas acordeón en dos columnas
ajax-css-pestanas-navegacion-31

Pestañas animadas
ajax-css-pestanas-navegacion-3

Tabs en perspectiva
ajax-css-pestanas-navegacion-25

CSS Menú
ajax-css-pestanas-navegacion-16

Tabificador JavaScript
ajax-css-pestanas-navegacion-7

Tabs con efecto carrusel
ajax-css-pestanas-navegacion-37

Tabs con scroll
ajax-css-pestanas-navegacion-26

Menú CSS invertido
ajax-css-pestanas-navegacion-4

Pestañas en Carrusel
ajax-css-pestanas-navegacion-17

Domtab
ajax-css-pestanas-navegacion-8

Pestañas en acordeón horizontal
ajax-css-pestanas-navegacion-32

Tabstastic
ajax-css-pestanas-navegacion-18

Pestañas centradas con CSS
ajax-css-pestanas-navegacion-12

Fancy Menú
ajax-css-pestanas-navegacion-19

45 Increíbles Cabeceras Gráficas para Inspiración Web

28 Plugins jQuery prácticos y recientes