Horario de cursos

Cajón de herramientas

• Caja de herramientas de CodeW3C.com

Menú

• Barra de íconos
• Ícono de menú
• Acordeón
• Tarjetas
• Tarjetas verticales
• Título de la tarjeta
• Tarjetas de página completa
• Tarjetas flotantes
• Navegación superior
• Navegación superior responsiva
• Navegación dividida
• Barra de navegación con íconos
• Menú de búsqueda
• Barra de búsqueda
• Barra lateral fija
• Navegación lateral
• Barra lateral responsiva
• Navegación a pantalla completa
• Menú fuera del lienzo
• Botones de navegación lateral al pasar el ratón
• Barra lateral con íconos
• Menú deslizante horizontal
• Menú vertical
• Navegación inferior
• Navegación inferior responsiva
• Enlaces de navegación de borde inferior
• Enlaces de menú alineados a la derecha
• Enlaces de menú centrados
• Enlaces de menú de ancho uniforme
• Menú fijo
• Barra de desplazamiento mientras se desliza
• Barra de navegación reducida al desplazarse
• Barra de navegación oculta al desplazarse
• Barra de navegación pegajosa
• Barra de navegación en imagen
• Menú desplegable al pasar el ratón
• Menú desplegable al hacer clic
• Menú desplegable en cascada
• Menú desplegable en la barra superior
• Menú desplegable en la barra lateral
• Barra de navegación responsiva con menú desplegable
• Menú de subnavegación
• Menú desplegable
• Menú super
• Menú móvil
• Menú de cortina
• Barra lateral plegable
• Panel lateral plegable
• Paginación
• Navegación de pan de molde
• Grupo de botones
• Grupo de botones verticales
• Barra social pegajosa
• Navegación en forma de píldora
• Encabezado responsivo

Imagen

• Diapositiva
• Galería de diapositivas
• Imagen modal
• Lightbox
• Cuadrícula de imágenes responsiva
• Cuadrícula de imágenes
• Biblioteca de imágenes
• Biblioteca de imágenes deslizables
• Biblioteca de imágenes con pestañas
• Desvanecimiento de superposición de imágenes
• Deslizar de superposición de imágenes
• Ampliación y zoom de superposición de imágenes
• Título sobre imagen
• Icono sobre imagen
• Efecto de imagen
• Imagen en blanco y negro
• Texto de imagen
• Bloque de texto de imagen
• Texto de imagen transparente
• Imagen de página completa
• Formulario en imagen
• Foco en imagen
• Fondo borroso
• Cambio de fondo al desplazarse
• Imágenes alineadas
• Imagen con esquinas redondeadas
• Imagen de perfil
• Imagen responsiva
• Imagen centrada
• Miniatura
• Borde de imagen
• Introducción del equipo
• Imagen pegajosa
• Giro de imagen
• Imagen con vibración
• Galería de colecciones
• Colección filtrable
• Zoom de imagen
• Lupa de imagen
• Control deslizante de comparación de imágenes
• Icono del sitio

Botón

• Botón de advertencia
• Botón de contorno
• Botón de división
• Botón animado
• Botón de desvanecimiento
• Botón en la imagen
• Botón de redes sociales
• Leer más / Leer menos
• Botón de carga
• Botón de descarga
• Botón en forma de píldora
• Botón de notificación
• Botón con icono
• Botones de página siguiente / anterior
• Botón más en la navegación
• Botón en bloque
• Botón de texto
• Botón con esquinas redondeadas
• Botón de regreso a la parte superior

Formulario

• Formulario de inicio de sesión
• Formulario de registro
• Tabla de pago
• Formulario de contacto
• Tabla de inicio de sesión social
• Formulario de registro
• Formulario con icono
• Suscripción a noticias
• Formulario apilado
• Formulario responsivo
• Formulario emergente
• Formulario en línea
• Limpiar la caja de entrada
• Ocultar flechas numéricas
• Copiar texto al portapapeles
• Búsqueda animada
• Botón de búsqueda
• Búsqueda a pantalla completa
• Caja de entrada en la barra de navegación
• Formulario de inicio de sesión en la barra de navegación
• Casilla de verificación / botón de opción personalizado
• Cuadro de selección personalizado
• Interruptor de cambio
• Marcar casilla de verificación
• Detección de mayúsculas activadas
• Botón activado con la tecla Enter
• Validación de contraseña
• Cambiar la visibilidad de la contraseña
• Formulario de pasos múltiples
• Finalización automática
• Cerrar la finalización automática
• Cerrar el control de ortografía
• Botón de carga de archivos
• Validación de entrada vacía

Filtro

• Lista de filtrado
• Tabla de filtrado
• Elemento de filtrado
• Desplegable de filtrado
• Lista ordenable
• Tabla ordenable

Tabla

• Tabla con rayas de zebra
• Tabla centrada
• Tabla de ancho completo
• Tabla anidada
• Tabla de dos columnas
• Tabla responsiva
• Tabla de comparación

Más

• Video a pantalla completa
• Cuadro de diálogo
• Cuadro de diálogo de eliminación
• Línea de tiempo
• Indicador de desplazamiento
• Barra de progreso
• Barra de habilidades
• Control deslizante de rango
• Selector de color
• Correo electrónico
• ToolTip
• Mostrar elementos al pasar el ratón
• Ventana emergente
• Contenido plegable
• Calendario
• HTML incluye
• Lista de tareas pendientes
• Cargador
• Insignia
• Calificación estrellada
• Calificación del usuario
• Efecto de superposición
• Chip de contacto
• Tarjeta
• Tarjeta giratoria
• Tarjeta de perfil
• Tarjeta de producto
• Advertencia
• Cuadro de información
• Nota
• Etiqueta
• Cinta
• Nube de etiquetas
• Círculo
• Línea horizontal estilizada
• Cupón
• Grupo de lista
• Grupo de lista con insignia
• Lista sin viñetas
• Texto responsivo
• Texto de sombra
• Texto iluminado
• Pie de página fijo
• Elemento pegajoso
• Altura igual
• Limpiar flotación
• Flotante responsivo
• Barras de notificación
• Ventana de pantalla completa
• Dibujo de desplazamiento
• Desplazamiento suave
• Fondo de desplazamiento de desvanecimiento
• Cabecera pegajosa
• Encoger la cabecera al desplazarse
• Tabla de precios
• Desplazamiento paralelo
• Relación de aspecto
• Marco inline responsivo
• Cambiar gustar / no gustar
• Cambiar ocultar / mostrar
• Cambiar modo oscuro
• Cambiar texto
• Cambiar clase
• Agregar clase
• Eliminar clase
• Cambiar clase
• Clase activa
• Vista en forma de árbol
• Eliminar decimales
• Eliminar atributo
• Detección de desconexión
• Encontrar elementos ocultos
• Redirección de página
• Formateo de números
• Escalado de suspensión
• Caja girada
• Centrado vertical
• Centrar botón en DIV
• Lista centrada
• Transición de suspensión
• Flecha
• Forma
• Enlace de descarga
• Elemento de altura completa
• Ventana del navegador
• Barra de desplazamiento personalizada
• Ocultar la barra de desplazamiento
• Mostrar / forzar la barra de desplazamiento
• Apariencia del dispositivo
• Borde de contenido editable
• Color del marcador
• Deshabilitar el ajuste de tamaño del área de texto
• Deshabilitar la selección de texto
• Color de selección de texto
• Color de marcador de lista
• Línea vertical
• Línea de división
• Línea de división de texto
• Icono animado
• Temporizador de cuenta regresiva
• Efecto de máquina de escribir
• Página en espera de lanzamiento
• Mensajes de chat
• Ventana de chat emergente
• Dividir la pantalla
• Comentarios de clientes
• Contador de bloques
• Diapositivas de citas
• Elementos de lista cerrables
• Puntos de quiebre de dispositivos típicos
• Elementos HTML arrastrables
• Consulta de medios JS
• Resaltador de sintaxis
• Animación JS
• Longitud de cadena JS
• Operación exponencial JS
• Parámetro predeterminado JS
• Número aleatorio JS
• Ordenamiento de arrays numéricos JS
• Operador de despliegue JS
• JSScroll a la vista
• Obtener la fecha actual
• Obtener la dirección actual de la URL
• Obtener el tamaño actual de la pantalla
• Obtener el elemento iframe

Cuadrícula

• Diseño de dos columnas
• Diseño de tres columnas
• Diseño de cuatro columnas
• Cuadrícula extendida
• Vista de cuadrícula de lista
• Diseño de columnas mixtas
• Tarjetas en columna
• Diseño en zigzag
• Diseño de blog

Convertidor

• Conversión de peso
• Conversión de temperatura
• Conversión de longitud
• Conversión de velocidad

Cursos optativos

Recomendaciones de cursos:

• Caja de herramientas de CodeW3C.com

Herramientas

Manual de referencia de JavaScript y HTML DOM

Ejemplos de JavaScript

Pruebas de JavaScript

Tutoriales avanzados de JavaScript

Enlaces de patrocinadores