Horario de cursos

Caja de herramientas

• Caja de herramientas de CodeW3C.com

Menú

• Barra de íconos
• Ícono de menú
• Acordeón
• Tarjeta de opción
• Tarjetas verticales
• Título de la tarjeta de opción
• Tarjetas de página completa
• Tarjetas de opción al pasar el ratón
• 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
• Desplazamiento hacia abajo de la barra lateral al desplazarse
• Barra de navegación que se oculta al desplazarse
• Barra de navegación que se encoge al desplazarse
• Barra de navegación pegajosa
• Barra de navegación en la imagen
• Menú desplegable con suspensión
• Menú desplegable con un solo clic
• Menú desplegable en cascada
• Menú desplegable en la barra superior
• Menú desplegable en la barra lateral
• Barra de navegación receptiva con menú desplegable
• Menú de subnavegación
• Menú desplegable
• Menú súper
• Menú móvil
• Menú de cortina
• Barra lateral plegable
• Panel lateral plegable
• Paginación
• Navegación de migas
• Grupo de botones
• Grupo de botones verticales
• Barra social pegajosa
• Navegación en píldora
• Encabezado receptivo

Imagen

• Diapositiva
• Galería de diapositivas
• Imagen modal
• Luz de lente
• Cuadrícula de imágenes receptiva
• Cuadrícula de imágenes
• Biblioteca de imágenes
• Biblioteca de imágenes deslizables
• Biblioteca de imágenes de pestañas
• Desvanecimiento superpuesto en imagen
• Desplazamiento superpuesto en imagen
• Ampliación superpuesta en imagen
• Título superpuesto en imagen
• Icono superpuesto en 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 la imagen
• Foco de imagen
• Imagen de fondo borrosa
• Cambio de fondo al desplazarse
• Imágenes alineadas
• Imagen redondeada
• Imagen de perfil
• Imagen receptiva
• Imagen centrada
• Miniatura
• Borde de imagen
• Introducción del equipo
• Imagen pegajosa
• Imagen de reversión
• Imagen con temblor
• Galería de colección
• Colección filtrable
• Ampliación 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 gradual
• Botón en la imagen
• Botón de red social
• Leer más / Leer menos
• Botón de carga
• Botón de descarga
• Botón de píldora
• Botón de notificación
• Botón de icono
• Botones de página siguiente/antigua
• Botón más en la navegación
• Botón de bloque
• Botón de texto
• Botón redondeado
• 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 receptivo
• Formulario emergente
• Formulario en línea
• Borrar 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
• Cuadro de verificación/simbolo de opción personalizado
• Cuadro de selección personalizado
• Cambiar el interruptor
• Marcar la casilla de verificación
• Detectar el bloqueo de mayúsculas
• Activar el botón con la tecla Enter
• Validación de contraseña
• Cambiar la visibilidad de la contraseña
• Formulario de varios pasos
• Finalización automática
• Cerrar la finalización automática
• Cerrar la revisión ortográfica
• Botón de carga de archivos
• Validación de entrada vacía

Filtro

• Lista filtrada
• Tabla filtrada
• Elemento de filtrado
• Menú desplegable de filtrado
• Lista ordenada
• Tabla ordenada

Tabla

• Tabla con patrón de zebra
• Tabla centrada
• Tabla de ancho completo
• Tabla anidada
• Tabla en lista
• Tabla receptiva
• Tabla de comparación

Más

• Video a pantalla completa
• Cuadro de modalidad
• Cuadro de modalidad de eliminación
• Línea de tiempo
• Indicador de desplazamiento
• Barra de progreso
• Barras de habilidades
• Control deslizante de rango
• Selector de color
• Campo de correo electrónico
• Herramienta de sugerencias
• Elemento emergente 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 puntos
• Texto responsivo
• Texto de sombra
• Texto brillante
• Pie de página fijo
• Elemento pegajoso
• Altura igual
• Limpiar flotación
• Flotante responsivo
• Barra de notificación
• Ventana de pantalla completa
• Dibujo de desplazamiento
• Desplazamiento suave
• Fondo de desplazamiento de gradiente
• Cabecera pegajosa
• Encoger la cabecera al desplazarse
• Tabla de precios
• Desplazamiento paralelo
• Relación de aspecto
• Frame 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 atributos
• Detección de desconexión
• Encontrar elementos ocultos
• Redirección de página web
• Formateo de números
• Escalado al pasar el ratón
• Caja girada
• Centrado vertical
• Centrar un botón en un DIV
• Lista centrada
• Transición de transparencia al pasar el rató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 visualización de la barra de desplazamiento
• Apariencia de dispositivo
• Borde de contenido editable
• Color del marcador de posición
• Deshabilitar el cambio de tamaño del área de texto
• Deshabilitar la selección de texto
• Color de la selección de texto
• Color de la lista de puntos
• Línea vertical
• Línea de división
• Línea de división de texto
• Icono animado
• Cronómetro 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 típicos de dispositivos
• Elementos HTML arrastrables
• Consulta de medios en JS
• Resaltador de sintaxis
• Animación en JS
• Longitud de la cadena en JS
• Operación exponencial en JS
• Parámetro predeterminado en JS
• Número aleatorio en JS
• Ordenamiento de arrays numéricos con JS
• Operador de desestructuración de JS
• Scroll a la vista con JS
• Obtener la fecha actual
• Obtener la dirección actual del sitio web
• Obtener el tamaño de la pantalla actual
• 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 espiral
• 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

Caixa de ferramentas

Manual de referencia de JavaScript y HTML DOM

Ejemplos de JavaScript

Pruebas de JavaScript

Tutorial avanzado de JavaScript

Enlace de patrocinador