HTML / CSS / JavaScript

Colección de casos

Elija un caso completo para ver directamente el resultado, modificar el código fuente y ejecutarlo en el navegador.

1046Página 21 / 44
Se muestran actualmente 24 casos de ejemplo
0481Controles y selectores básicos

Matriz de interruptores de preferencias del estudio de música

Completa una matriz de interruptores de preferencias en un escenario de estudio musical: incluye contenido real, controles interactivos, feedback de estado claro y diseño adaptable a diferentes tamaños.

Controles y selectores básicosMatriz de interruptores de preferenciasHTMLCSSJavaScript
Abrir y ejecutar
0482Formularios y entrada

Flujo de registro paso a paso para reservas de eventos

Completa un flujo de formulario por pasos en un escenario de reserva de eventos: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Formularios y entradaProceso de rellenado por pasosHTMLCSSJavaScript
Abrir y ejecutar
0483Tarjetas, listas y organización de contenido

Tablero de tareas del directorio del equipo

Completa un panel Kanban en el contexto de un directorio de equipo: incluye contenido real, controles operativos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoTablero de tareasHTMLCSS GridJavaScript
Abrir y ejecutar
0484Tablas y visualización de datos

Tabla de filtrado combinado de tickets de servicio

Completa una tabla de filtrado combinado para un contexto de tickets de servicio: con contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a diferentes tamaños.

Tablas y visualización de datostabla de filtrado combinadoHTML TableCSSJavaScript
Abrir y ejecutar
0485Diseño de página y responsive

Diseño narrativo de panel dividido para notas de investigación

Completa una narrativa de diseño en pantalla dividida para escenarios de notas de investigación: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño narrativo a dos columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0486Escenarios de páginas de marketing y contenido

Página de planes de precios para campamento natural

Completa una página de plan de precios en un contexto de campamento natural: incluye contenido real, controles accionables, retroalimentación clara del estado y diseño adaptado a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de plan de preciosHTMLCSSJavaScript
Abrir y ejecutar
0487Animación y microinteracciones

Transición de forma del botón de estado del pedido

Completa una transición de forma de botón en un escenario de estado de pedido: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesTransición morfológica de botonesHTMLCSS AnimationJavaScript
Abrir y ejecutar
0488efectos visuales creativos

Forma orgánica de fluido en papel

Completa formas fluidas orgánicas para el contexto de espacio en papel: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

efectos visuales creativosForma fluida orgánicaHTMLCSS AnimationJavaScript
Abrir y ejecutar
0489Controles y selectores básicos

Control de rango para estudio musical

Completa un regulador de rango en un escenario de estudio musical: incluye contenido realista, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Controles y selectores básicosajustador de rangoHTMLCSSJavaScript
Abrir y ejecutar
0490Formularios y entrada

Entrada de sugerencias locales para reserva de eventos

Completa la entrada de sugerencias locales en un escenario de reserva de eventos: incluye contenido real, controles accionables, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Formularios y entradaEntrada de sugerencia localHTMLCSSJavaScript
Abrir y ejecutar
0491Tarjetas, listas y organización de contenido

Cronología de actividades del directorio del equipo

Completa una cronología de actividad en un contexto de directorio de equipo: incluye contenido real, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoCronología de actividadesHTMLCSSJavaScript
Abrir y ejecutar
0492Diseño de página y responsive

Diseño clásico de tres columnas para notas de investigación

Completa el diseño clásico de tres columnas en un escenario de notas de investigación: incluye contenido realista, controles interactivos, feedback de estado claro y una disposición adaptable a distintos tamaños.

Diseño de página y responsiveDiseño clásico de tres columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0493Animación y microinteracciones

Retroalimentación de progreso en anillo para el estado del pedido

Completa una retroalimentación de progreso en anillo en el escenario del estado del pedido: incluye contenido real, controles utilizables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Animación y microinteraccionesRetroalimentación de progreso circularHTMLCSS AnimationJavaScript
Abrir y ejecutar
0494Controles y selectores básicos

Escala de valoración del estudio musical

Completa la escala de valoración en un escenario de estudio de música: incluye contenido real, controles operables, estados claros y diseño adaptable a distintos tamaños.

Controles y selectores básicosescala de valoraciónHTMLCSSJavaScript
Abrir y ejecutar
0495Formularios y entrada

Comentarios sobre la intensidad de la contraseña para la reserva de eventos

Completa la retroalimentación de la fortaleza de la contraseña en el contexto de una reserva de evento: incluye contenido real, controles accionables, una indicación clara del estado y un diseño adaptable a distintos tamaños.

Formularios y entradaretroalimentación de la fortaleza de la contraseñaHTMLCSSJavaScript
Abrir y ejecutar
0496Tarjetas, listas y organización de contenido

Lista de contenido desplegable del directorio del equipo

Completa una lista de contenido plegable para el contexto de un directorio de equipo: incluye contenido real, controles accionables, retroalimentación de estado clara y una disposición adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoLista de contenido plegableHTMLCSSJavaScript
Abrir y ejecutar
0497Diseño de página y responsive

Panel de investigación de la pizarra del cuadro de mandos

Completa la carcasa del panel en un contexto de notas de investigación: incluye contenido real, controles accionables, feedback claro de estado y una disposición adaptable a distintos tamaños.

Diseño de página y responsiveCarcasa del panelHTMLCSS GridResponsive Design
Abrir y ejecutar
0498Animación y microinteracciones

Transición de pantalla esqueleto para el estado del pedido

Completa una transición de pantalla de esqueleto en un escenario de estado de pedido: incluye contenido real, controles accionables, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesTransición de pantalla esqueletoHTMLCSS AnimationJavaScript
Abrir y ejecutar
0499Formularios y entrada

Grupo de campos dinámicos para reserva de eventos

Grupo de campos dinámicos en un contexto de reservas de eventos: incluye contenido real, controles accionables, retroalimentación clara de estado y diseño adaptable a diferentes tamaños.

Formularios y entradaGrupo de campos dinámicosHTMLCSSJavaScript
Abrir y ejecutar
0500Tarjetas, listas y organización de contenido

Tarjetas de carrusel de historias del directorio de equipos

Completa una tarjeta de carrusel de historias en el contexto del directorio del equipo: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidotarjeta carrusel de historiasHTMLCSSJavaScript
Abrir y ejecutar
0501Diseño de página y responsive

Cuadrícula editorial de notas de investigación

Completa una cuadrícula editorial de revista en un contexto de notas de investigación: incluye contenido real, controles interactivos, retroalimentación clara de estado y una distribución adaptable a varios tamaños.

Diseño de página y responsiveCuadrícula editorial de revistaHTMLCSS GridResponsive Design
Abrir y ejecutar
0502Animación y microinteracciones

Entrada escalonada de la lista de estados de pedido

Completa una entrada escalonada de lista para un escenario de estado de pedido: incluye contenido realista, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesEntrada escalonada de la listaHTMLCSS AnimationJavaScript
Abrir y ejecutar
0503Formularios y entrada

Configuración de presupuesto para reservas de eventos

Completa una hoja de configuración de presupuesto para el escenario de reservas de eventos: incluye contenido real, controles accionables, retroalimentación clara del estado y una disposición adaptable a distintos tamaños.

Formularios y entradaPresupuestoHTMLCSSJavaScript
Abrir y ejecutar
0504Tarjetas, listas y organización de contenido

Directorio del equipo en cola de prioridad

En el escenario del directorio del equipo, completa una cola priorizada: incluye contenido real, controles accionables, comentarios de estado claros y diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoCola de prioridadHTMLCSS GridJavaScript
Abrir y ejecutar