Caja de herramientas CodeW3C.com
- Página anterior Caja de herramientas CodeW3C.com
- Página siguiente Barra de iconos
Caja de herramientas CodeW3C.com
¡Bienvenido a explorar el fascinante mundo de la frontend! Puede profundizar aquí en los elementos de interfaz de usuario comunes y las formas de interacción.
Le hemos preparado cientos de casos, así como miles de fragmentos de código, para ayudarlo a entrenar de manera práctica.
Estos casos son muy excelentes:
- Explicaciones paso a paso
- Comentarios claros
- Demostraciones interactivas en página
- Pruebas TIY en línea
- Estética, alta disponibilidad, alta reutilización
- HTML, CSS, JavaScript nativos
Esperamos que disfrute de una experiencia de aprendizaje agradable y eficiente!
Índice
- Barra de iconos
- Icono de menú
- Acordeón
- Tarjetas
- Tarjetas verticales
- Título de la tarjeta
- Tarjetas de página completa
- Opciones de tarjetas al pasar el ratón
- Navegación superior
- Navegación superior responsive
- Navegación dividida
- Barra de navegación con iconos
- menú de búsqueda
- barras de búsqueda
- barra lateral fija
- navegación lateral
- barra lateral adaptable
- navegación en pantalla completa
- menú fuera del lienzo
- botón de navegación lateral al pasar el ratón
- barra lateral con icono
- menú desplazable horizontal
- menú vertical
- navegación inferior
- navegación inferior adaptable
- 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
- deslizar la barra lateral al desplazarse
- ocultar la barra de navegación al desplazarse
- reducir la barra de navegación al desplazarse
- barra de navegación pegajosa
- barra de navegación en la 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
- navegación adaptable con menú desplegable
- menú de navegación secundaria
- menú desplegable
- menú superpuesto
- menú móvil
- menú de cortina
- barra lateral plegable
- pán. lateral plegable
- pág. siguiente/pág. anterior
- navegación de pan de molde
- grupo de botones
- grupo de botones verticales
- barra social pegajosa
- navegación en píldora
- encabezado adaptable
- diapositiva
- galería de diapositivas
- imagen modal
- caja de luz
- cuadrícula de imágenes adaptable
- cuadrícula de imágenes
- biblioteca de imágenes
- biblioteca de imágenes desplazable
- biblioteca de imágenes en pestañas
- desvanecer el superpuesto de imagen
- deslizar el superpuesto de imagen
- ampliar el superpuesto de 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
- imagen en foco
- imagen de fondo borrosa
- cambiar el fondo al desplazarse
- imágenes alineadas
- imagen redondeada
- imagen de perfil
- imagen adaptable
- imagen centrada
- miniatura
- borde de imagen
- introducción del equipo
- imagen pegajosa
- girar la imagen
- imagen sacudida
- galería de colecciones
- colección filtrable
- ampliar la imagen
- lupa de imagen
- control deslizante de comparación de imágenes
- icono del sitio
- 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 redes sociales
- más/ menos de lectura
- botón de carga
- botón de descarga
- botón de píldora
- botón de notificación
- botón de icono
- botón de página siguiente/anterior
- más botones en la navegación
- botón de bloque
- botón de texto
- botón redondeado
- botón de regreso a la parte superior
- 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 adaptable
- formulario emergente
- formulario en línea
- limpiar la caja de entrada
- ocultar las flechas numéricas
- copiar texto al portapapeles
- búsqueda animada
- botón de búsqueda
- búsqueda en pantalla completa
- caja de entrada en la barra de navegación
- formulario de inicio de sesión en la barra de navegación
- caja de verificación personalizada/radio button
- caja de selección personalizada
- cambiar el interruptor
- seleccionar la casilla de verificación
- detectar el bloqueo de 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
- finalización automática
- cerrar la finalización automática
- cerrar la verificación ortográfica
- botón de carga de archivo
- Validación de entrada vacía
- Video completo
- Cuadro de diálogo
- Cuadro de diálogo 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 sugerencia
- Elemento mostrado al pasar el ratón
- Ventana emergente
- Contenido desplegable
- Calendario
- HTML incluye
- Lista de tareas pendientes
- Cargador
- Medalla
- 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 sugerencia
- 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 brillante
- Pie de página fijo
- Elemento pegajoso
- Elementos de altura igual
- Quitar flotación
- Flotante responsivo
- Barra de notificación
- Ventana 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
- Remover clase
- Cambiar clase
- Clase activa
- Vista en forma de árbol
- Remover decimales
- Remover atributos
- Detección de desconexión
- Búsqueda de elementos ocultos
- Redirección de página web
- Formateo de números
- Escalado al pasar el ratón
- Caja giratoria
- Centrado vertical
- Botón centrado en 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
- Desactivar el ajuste del tamaño de la área de texto
- Desactivar la selección de texto
- Color de selección de texto
- Color de marcadores 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
- División de pantalla
- Comentarios de clientes
- Contador de bloques
- Diapositivas de citas
- Elementos de lista cerrables
- Puntos de ruptura de dispositivos tipicos
- Elementos HTML arrastrables
- Consulta de medios JS
- Highlightador de sintaxis
- Animación JS
- Longitud de cadena JS
- Operación exponencial JS
- Parámetros predeterminados JS
- Número aleatorio JS
- Ordenamiento de arrays de números JS
- JS operador de despliegue
- JS desplazarse 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
- Página anterior Caja de herramientas CodeW3C.com
- Página siguiente Barra de iconos
