horario de cursos

caja de herramientas

• Caja de herramientas CodeW3C.com

menú

• barra de íconos
• ícono de menú
• acordeón
• pestañas
• pestañas verticales
• título de pestaña
• pestañas de página completa
• pestañas al pasar el ratón
• navegación superior
• navegación superior sensible a la pantalla
• 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 sensible a la pantalla
• 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 sensible a la pantalla
• enlaces de navegación con borde inferior
• enlaces de menú alineados a la derecha
• enlaces de menú centrados
• enlaces de menú de ancho fijo
• Menú fijo
• Barra lateral que se desliza al desplazarse
• Barra de navegación que se oculta al desplazarse
• Barra de navegación que se contrae al desplazarse
• Barra de navegación pegajosa
• Barra de navegación en imagen
• Menú desplegable al pasar el rató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 responsiva con menú desplegable
• Menú de subnavegación
• Menú desplegable
• Menú supermán
• Menú móvil
• Menú de cortina
• Barra lateral plegable
• Panel lateral plegable
• Paginación
• Navegación de pan de migas
• Grupo de botones
• Grupo de botones verticales
• Barra social pegajosa
• Navegación en píldora
• Cabecera responsiva

Imagen

• Diapositiva
• Galería de diapositivas
• Imagen modal
• Luz de caja
• Cuadrícula de imágenes responsiva
• Cuadrícula de imágenes
• Biblioteca de imágenes
• Biblioteca de imágenes desplazable
• Biblioteca de imágenes en pestañas
• Desvanecimiento superpuesto en imagen
• Deslizamiento superpuesto en imagen
• Zoom superpuesto 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 imagen
• Foco de imagen
• Fondo borroso
• Cambiar el fondo al desplazarse
• Imágenes en paralelo
• Imagen redondeada
• Imagen de perfil
• Imagen responsiva
• Imagen centrada
• Miniatura
• Borde de imagen
• Introducción del equipo
• Imagen pegajosa
• Voltear imagen
• Imagen sacudida
• Galería de colecciones
• Colección de obras 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 separación
• Botón animado
• Botón degradado
• 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 de píldora
• Botón de notificación
• Botón de icono
• Botones de página siguiente/anterior
• 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 responsivo
• Formulario emergente
• Formulario en línea
• Borrar 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
• Cambiar interruptor
• Marcar casilla de verificación
• Detectar mayúsculas
• Activar el botón con la tecla Enter
• Verificación de contraseña
• Cambiar la visibilidad de la contraseña
• Formulario de pasos múltiples
• Completamiento automático
• Cerrar el completamiento automático
• Cerrar la verificación ortográfica
• 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
• Tabla de cuadros
• Tabla centrada
• Tabla de ancho completo
• Tabla anidada
• 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
• Bar de progreso
• Barra de habilidades
• Control deslizante de rango
• Selector de color
• Campo de 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 diálogo de sugerencias
• 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
• Barra de notificación
• Ventana de pantalla completa
• Dibujo de desplazamiento
• Desplazamiento suave
• Fondo de desplazamiento degradado
• 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
• Escala al pasar el ratón
• Caja girada
• Centrado vertical
• Centrar el botón en el DIV
• Lista centrada
• Transición 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 del dispositivo
• Borde del contenido editable
• Color del marcador de posición
• Deshabilitar el ajuste de tamaño del área de texto
• Deshabilitar la selección de texto
• Color de la selección de texto
• Color de los puntos
• Línea vertical
• Línea de división
• Línea de división de texto
• Icono de animación
• Cronómetro de cuenta regresiva
• Efecto de máquina de escribir
• Página en espera de lanzamiento
• Mensaje 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 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 desplegamiento de JS
• Scroll a la vista con JS
• Obtener la fecha actual
• Obtener la dirección web actual
• 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 columnas
• 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 CodeW3C.com

Caja de herramientas

Manual de referencia de JavaScript y HTML DOM

Ejemplos de JavaScript

Pruebas de JavaScript

Tutorial avanzado de JavaScript

Enlace de patrocinador